HisManySongs Posted May 3, 2007 Share Posted May 3, 2007 I'm new to CSS and am in the process of revamping out website (www.tbp.org)I've defined a style with a background image to define a box as my page header. How can I attach a link to the image to allow users to return to the home page by clicking on the image?I've tried leaving the image outside the CSS, but it doesn't appear correctly.I've use absolute positioning because I have a navigation bar which appears in a specific position.Any assistance would be appreciated. ThanksHere's the code:HTML:<div class="headergraphicbox"> <div class="searchbox"> <!-- Google CSE Search Box Begins --> <form id="searchbox_015567125086544241013:swrbjgim-_e" action="http://www.google.com/cse"> <input type="hidden" name="cx" value="015567125086544241013:swrbjgim-_e" /> <input name="q" type="text" size="25" /> <input type="submit" name="sa" value="Search" /> <input type="hidden" name="cof" value="FORID:0" /> </form> <!-- Google CSE Search Box Ends --> </div></div>CSS:.headergraphicbox { background-image:url(/Images/Templates/HeaderGraphicFull.gif); width:1600px; height:100px; position:absolute; top:0; left:0; border:0px solid blue;}.searchbox { width:400px; position:absolute; top:46; left:550;} Link to comment Share on other sites More sharing options...
real_illusions Posted May 3, 2007 Share Posted May 3, 2007 <a href="anotherpage.php"><img src="imagethingy.jpg" /></a>If you add this to the cssimg{border:0px;}then you wont have any borders on that image when the mouse goes over it.hope that helps:) Link to comment Share on other sites More sharing options...
HisManySongs Posted May 3, 2007 Author Share Posted May 3, 2007 hope that helps:)Yes, like a charm. Thanks Link to comment Share on other sites More sharing options...
Nim199 Posted May 4, 2007 Share Posted May 4, 2007 See:www.newmoonobsession.comThe first page has that on it. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.