Jump to content

Add link to graphic


HisManySongs

Recommended Posts

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

<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

See:www.newmoonobsession.comThe first page has that on it.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...