side by side images

[roxytoo]

I know this is basic stuff but can anyone help with advising how to put these images side by side on a page so I can keep my sanity??

<iframe width="200" height="150" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?q=37.9965 ... iframe><br /><small><a href="http://maps.google.co.uk/maps?q=37.9965 ... urce=embed" target="_blank" style="color:#0000FF;text-align:left">View Larger Map</a></small>

<div style="text-align:center;"><a href="https://www.homeawayconnect.com/calenda ... name=en-US& &culturename=en-US" rel="external"><img src="http://www.costablancaholidays.eu/images/renterorg.gif" alt="calander" width="80" height="74" /></a></div

[pete]

roxy,

can you put a link to where they are now?

[roxytoo]

Thanks

http://www.costablancaholidays.eu/listi ... n-136.html

[pete]

your total widths are too big, try reducing the map width numbers,

once you have them inline you should check the major browsers too

[pete]

Actually, I would probably have them both bigger and therefore on their own line ?

[roxytoo]

I'm not sure it is a width problem, they wont go side by side

[pete]

sorry roxy,

you will have to make them a table,

<table>
<tr>
<td>
<iframe width="100"


height="50"

frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?q=37.9965 ... iframe><br /><small><a href="http://maps.google.co.uk/maps?q=37.9965 ... urce=embed" target="_blank" style="color:#0000FF;text-align:left">View Larger Map</a></small><div style="text-align:center;">

</td>
<td>
<a href="https://www.homeawayconnect.com/calenda ... name=en-US& &culturename=en-US" rel="external"><img src="http://www.costablancaholidays.eu/images/renterorg.gif" alt="calander"

width="20" height="10" /></a></div>



</td>
</tr>
</table>

you will need to adjust the widths again to suit your page

but it does work,

http://www.grandcoudray.com/roxy.html