mike12255 Posted June 19, 2009 Share Posted June 19, 2009 So im trying to place a red box (I want it to auto extend the div btw) to place content in. I wrote the words test in the div and the word test appear in the right spot but the background image is not appearing, yes it is a true path. Heres the code: <style type="text/css"> #header { padding-left:230px; float:left; } #box{ background-image:"images/design_02.png"; float:left; position:absolute; } #buttons{ background-image:"images/design_02.png"; float:left; } body { margin:0; padding:0; background-color:#D7D0B8; } </style> <title>Untitled Document</title> </head> <div id="header"> <img src="images/design_01.png" width="239" height="213" alt=""><br /> <img src="images/design_03.png" width="8" height="388" style="float:left;" alt=""> <a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','images/nrollover_04.png',1)"><img src="images/design_04.png" name="Image17" width="231" height="27" border="0"></a><br /> <img src="images/design_15.png" width="231" height="11" alt=""><br /> <a href="winecellar.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','images/nrollover_06.png',1)"><img src="images/design_06.png" name="Image18" width="231" height="27" border="0"></a><br /> <img src="images/design_15.png" width="231" height="11" alt=""><br /> <a href="menu.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','images/nrollover_08.png',1)"><img src="images/design_08.png" name="Image19" width="231" height="27" border="0"></a><br /> <img src="images/design_15.png" width="231" height="11" alt=""><br /> <a href="reservations.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','images/nrollover_10.png',1)"><img src="images/design_10.png" name="Image20" width="231" height="27" border="0"></a><br /> <img src="images/design_15.png" width="231" height="11" alt=""><br /> <a href="giftcards.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','images/nrollover_12.png',1)"><img src="images/design_12.png" name="Image21" width="231" height="27" border="0"></a> <img src="images/design_15.png" width="231" height="11" alt=""><br /> <a href="privatedining.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','images/nrollover_14.png',1)"><img src="images/design_14.png" name="Image22" width="231" height="27" border="0"></a><br /> <img src="images/design_15.png" width="231" height="11" alt=""><br /> <a href="info.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/nrollover_16.png',1)"><img src="images/design_16.png" name="Image23" width="231" height="27" border="0"></a> <img src="images/design_17.png" width="231" height="135" alt=""> </div> <div class="buttons"> test </div> <body> </body> </html> Anyone know how to fix, demo site is at: http://studentwebpro.ca/ca/menu2.html Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.