My header is too hot!

  • xmiinc

    (@xmiinc)


    18 years, 11 months ago

    Any suggestions on how to make a part of, rather than the whole, header a hot-link? Preferably the jpeg itself rather than the whole div, as is the case with my site at the moment. The Reason: I can’t place other clickable items into the header if the whole header is hot. If the solution is to re-code without using divs, then so be it. Just hoping someone with more knowledge about this can confirm or deny…

    This is what I currently am doing:

    <div id="page">
    <div id="header">
    <div id="headerimg" onclick="location.href='http://www.mysite.org/';" style="cursor: pointer;">

    I also had the href on the “header” div, but with the same result.

    cheers!

Viewing 4 replies - 1 through 4 (of 4 total)
  • cron

    (@cron)

    18 years, 11 months ago

    Instead of using the div class to insert the image, put in an image tag yourself and just use the div to position it. Then you will get something like this:

    <div id=”headerimg”>
    <img src=”your_headder_”>
    </div>

    By doing it that way you can make onley the header image clickable.

    Erwin

    (@erwin)

    18 years, 11 months ago

    My hero!

    I was just about to post a question how to do this. 🙂

    Sorry I don’t have an answer to your question, but thanks for helping me out. 🙂

    Thread Starter xmiinc

    (@xmiinc)

    18 years, 11 months ago

    But of COURSE! I knew there was a simple way to do this. I guess I’ve got my head too filled with CSS and content/structure separation issues.

    Thanks very much Cron!

    Thread Starter xmiinc

    (@xmiinc)

    18 years, 11 months ago

    Thought I’d post an update for future reference:

    In tracking down another css issue I discovered that the’ solution’ of this thread was unnecessary if the following code (present in header.php) is properly understood:

    /* determines visual area of header css*/
    #header { margin: 0 !important; margin: 0 0 0 0px; padding: 0px; height: 119px; width: 608px; }

    /* determines event or 'hot' area of header*/
    #headerimg { margin: 0px 0px 0; height: 119px; width: 608px; }

    cheers!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘My header is too hot!’ is closed to new replies.