dospedos Posted March 9, 2009 Share Posted March 9, 2009 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 More sharing options...
jlhaslip Posted March 9, 2009 Share Posted March 9, 2009 Floats, margin and padding are used to position items.Show us your code and we can suggest a working solution. Link to comment Share on other sites More sharing options...
dospedos Posted March 10, 2009 Author Share Posted March 10, 2009 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.