Preventing sliced graphics from moving in reduced browser?

[Another_Designer]

Hello everyone,
Is there html code that will prevent a sliced graphic from moving in on itself when the browser is reduced in size? Someone suggested I use a <div></div> but that didn’t work. Maybe I should put them in a table?
I am doing this in Joomla for my boss.
Thanks for your help.
Here is the code I used.

<div>
<p><map name="Map"> </map><img src="images/TestingLinkBannertest.gif" border="0" width="280" height="102" style="border: 0;" /><a href="http://www.joomla.org" target="_blank"><img src="images/TestingLinkBanner-link1.gif" border="0" width="92" height="102" style="border: 0;" /></a><a href="http://www.whitehouse.gov" target="_blank"><img src="images/TestingLinkBanner-link2.gif" border="0" width="92" height="102" style="border: 0;" /></a><map id="Map" name="Map"> 
<area shape="rect" coords="332,11,391,97" href="http://www.joomla.org" alt="linktoJoomla" target="_blank" />
 </map></p>
</div>

[Another_Designer]

I just tried a Table and it seems to DO THE TRICK.

[TechnoBear]

I’m not sure I’m correctly picturing what you’re trying to do here, but please don’t use a table except to contain tabular data.

If you need to use a table-style layout, then you can use display: table and related CSS properties.

[molona]

As @technobear says, using tables to do what you want is not semantic and it is not the right way to do it.
Use CSS instead.
display: table in small doses is the way to go

[PaulOB]

Sounds like all you wanted was a width on the div to match the combined with of the sliced images to stop them wrapping.

[Another_Designer]

Yes that’s what I wanted. So the days of Tables are over?
I have to learn the div code it doesn’t wrap.

[molona]

@Another_Designer

So the days of Tables are over?

For layout, they were over a long, long time ago. For tabular data (which is why they were created for) they’re a must