Jump to content

make this h1 header with image clickable


Lissarocs
 Share

Recommended Posts

i found this code which allows me to put my h1 tag and image in the sameline to create a header, however i would like to make it clickable. i treid other solutions i found online but they didnt work. ahref added to image or h1 doesnt work for the hole header and then i tried a making the div clickable but that didnt work

this is my code below please help!

 

 

<div id='masthead'> <div id='logo'> <img alt='Relaxed Hair Care Guyana' src=' https://lh4.googleusercontent.com/-pT5_eNCQ2ag/VFO0T46g2DI/AAAAAAAABWY/BWIU7nLK6p8/w200-h212-no/relaxedhaircare2%2B%2821.jpg '/> </div> <div id='header'> <h1> Relaxed Hair Care Guyana</h1> </div> </div> #masthead { min-width: 600px; } #logo { float: right; width: 100px; } h1 { display: block; font-size: 4em; margin-top: 1em; margin-bottom:1em; margin-left: 1em; margin-right: 2em; font-weight: bold; font-family: Bradley Hand ITC; color:#38761d; text-align: center; } #container { clear: both; min-width: 600px; } #left_col { float: left; width: 300px; }

Link to comment
Share on other sites

Try this......

<!DOCTYPE html><html lang="en"><head>     <meta charset="utf-8">     <title>          Clickable Header     </title>          <style type="text/css">     /*<![CDATA[*/#masthead {        min-width: 600px;} #logo {     float: right;     width: 100px;}h1 {     display: block;     font-size: 4em;     margin-top: 1em;     margin-bottom:1em;     margin-left: 1em;     margin-right: 2em;     font-weight: bold;     font-family: Bradley Hand ITC;     color:#38761d;     text-align: center;}a{     text-decoration: none;}   #container {     clear: both;     min-width: 600px;    }#left_col {     float: left;     width: 300px;}     /*]]>*/     </style></head><body>     <a href='###'>          <div id='masthead'>               <div id='logo'>                    <img alt='Relaxed Hair Care Guyana' src=' https://lh4.googleus...ircare2+(21.jpg '/>               </div>          <div id='header'>               <h1> Relaxed Hair Care Guyana</h1>          </div>          </div>     </a></body></html>

Hope it helps...

  • Like 1
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...