image and table alignment`

[dennic]

in the body of a website, i wish to have an image on the left handside and a table on the right hand side, the image is not in a table, so alignment is the issue, at the moment, the image is on the left but when i go to place the table on the right hand side it goes underneath the image and not directly to the right, how can i do this without using the following tag:

<style>
#table {position: absolute; left:200px; top:200px}
</style>

i do not wish to use this as it varies with different screen resolutions.

[ray326]

<style type="text/css">
img { float:left; border:1px dotted black; }
</style>

[dennic]

thanks for that, i am already using css for this image as it has rounded corners, where would i specify the float tag if it already has the following code:

<!--Stylesheet for showroom menu-->
<style type="text/css">
#top3 {
line-height: 140%;
width: 185px;
height: 20px;
border-left: 0px solid;
border-top: 0px solid;
border-right: 0px solid;
border-color: #5881CB;
background-color: #5881CB;
}
#middle3 {
line-height: 140%;
width: 185px;
border-left: 0px solid;
border-right: 0px solid;
border-color: #5881CB;
background-color: #5881CB;
}

/*images*/
#top_left, #top_right {
height: 20px;
width: 20px;
}
#top_left {
position:relative;
float: left;
left: -3px;
}

#top_right {
position: relative;
float: right;
right: -3px;

}

</style>

[ray326]

Something like your top_left ID but it's impossible to say without knowing more about the way your styles are applied.

[dennic]

this is how it is applied:

<!--Showroom-->
<div id="top3"><img src="images/top_left.jpg" alt="" id="top_left" /><img src="images/top_right.jpg" alt="" id="top_right" /></div>
<div id="middle3">
Text here

</div>