Jump to content

Add link to graphic


HisManySongs
 Share

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

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...