Jump to content

How Do I Insert An Image To The Left Of A Table?


dospedos
 Share

Recommended Posts

Hi, I'm a novice who's trying to build a website and I've hit a problem where I have a table on a page that I now want to shift to the right and insert an image on the left hand side. I want to do this on several pages. Can anyone let me know how I should do this and what documentation to look at? Thanks.

Link to comment
Share on other sites

Thanks for your response - I have managed to achieve what I wanted, but I doubt it's the 'best' way. Any alternative suggestions are welcome. What I did was align the table right instead of left, which provided space on the left-hand side, then added the imageat the desired absolute location. Here's my code - with my changes/additions in red... <style type="text/css"> <!-- img.pos_abs { position:absolute; left:83px; top:150px } body { margin-top: 30px; } .style1 {font-family: "Century Gothic"} --> </style> ... <img class="pos_abs" src="../Images/shoppagesideimage1.jpg" alt="shop side image" width="120" height="400"> <table width="860" height="420" align="right" cellpadding="5" summary="This is a description of the item"> <tr align="left" valign="middle"> <td width="300" height="400"><p><img src="../Images/item1/shop_image_item1b.jpg" name="Image1" width="300" height="400" align="texttop" id="Image1" onMouseOver="MM_swapImage('Image1','','../Images/item1/shop_image_item1d.jpg',1)" onMouseOut="MM_swapImgRestore()"></p> </td> <td width="300" height="400"><img src="../Images/item1/shop_image_item1c.jpg" name="Image2" width="300" height="400" align="top" id="Image2" onMouseOver="MM_swapImage('Image2','','../Images/item1/shop_image_item1e.jpg',1)" onMouseOut="MM_swapImgRestore()"> </td> <td width="214" height="400" valign="top"> <p><strong>Never Die Top</strong></p> <p>Oversized chiffon vest cut with draped cowl sides and angular panels in black lace and silver lurex jersey. </p> <p>Body 100% polyester, contrast poly/elastane/lurex<br> Dry Clean Only</p> <p>One Size fits UK 8-12 </p> <p>£79.00 </p> <p> </p> <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="2209269"> <input type="image" src="http://www.natalieencarnita.co.uk/Nats%20W...addtobasket.jpg" border="0" name="submit" alt=""> <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1"> </form> <p><a STYLE="color:#6E6E6E;text-decoration:none" href="shop.html">< Return to shop menu</a> </p> </td> </tr> </table>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...