4 thoughts on “One Header Three URLs

  1. Hi, how are things I am off Artisteer the latest version sucks, working with
    WordPress child themes instead,

    Your Website errors =
    HTML:
    Missing closing image tag>

    CSS:
    Checking the stylesheet you have some html tags, you need to remove them:
    #demo-header-left Lexical error at line
    1753, column 1. Encountered: “&” (38), after : “”  
    1753 Unknown pseudo-element or pseudo-class :absolute
    1753 position Parse Error Lexical error at line 1754, column 1.
    Encountered: “&” (38), after : “”

    /* change the left height width margin and float here */
    /* header is 125px */
    #demo-header-left
    {
     position:absolute;
     float:left;
     height:115px;
     margin-top:5px;
     margin-left:10px;
     width:145px;
     overflow:hidden;
    }
    /* change the height width for clickable area here */
    #demo-header-left a {
     position: absolute;
     display: block;
     height:115px;
     width: 145px;
    }
    /* change the left height width margin and float here */
    /* header is 125px */
    #demo-header-left-center
    {
     position:absolute;
     float:left;
     height:115px;
     margin-top:5px;
     margin-left:10px;
     width:145px;
     overflow:hidden;
    }
    /* change the height width for clickable area here */
    #demo-header-left-center a {
     position: absolute;
     display: block;
     height:115px;
     width: 145px;
    }
    /* change the right height width margin and float here */
    /* header is 125px */
    #demo-header-right-center
    {
     position:relative;
     float:right;
     height:115px;
     margin-top:5px;
     margin-right:10px;
     width:150px;
     overflow:hidden;
    }
    /* change the height width for clickable area here */
    #demo-header-right-center a {
     float:right;
     position: absolute;
     display: block;
     height:115px;
     width: 150px;
    }
    /* change the right height width margin and float here */
    /* header is 125px */
    #demo-header-right
    {
     position:relative;
     float:right;
     height:115px;
     margin-top:5px;
     margin-right:10px;
     width:150px;
     overflow:hidden;
    }
    /* change the height width for clickable area here */
    #demo-header-right a {
     float:right;
     position: absolute;
     display: block;
     height:115px;
     width: 150px;
    }

    David

  2. Hi David,

    It has been a while ; ) I’m currently trying to put multiple links in the header following this tutorial on http://www.SportsRave.com/index but I am missing something somewhere. Would you mind taking a look when you have a moment? If FireBug doesn’t show you what you need to see just let me know and I can provide the files. I’m not seeing any hypelinks in my header. I’m sure I am overlooking something obivous

    Thanks!
    Perry – SitesInOneDay

  3. Hey David,

    It is going good here. Very busy. I fixed the HTML error. I removed the HTML code from the style.css. I tried putting it there because putting it in a new file called demo-custom.css did not work. I do not see how the demo-custom.css is tied in anywhere. Where does it get called?

    Thanks for the help. Also, did you use firebug to test the site?

    –Perry

  4. I have completed all of these steps but have no clickable areas.  Thoughts?  Is there something else necessary in a preceding tutorial that is not included here?

Leave a Reply

Connections

Connect with Us
Follow Digital Raindrops on Twitter Join Digital Raindrops on Facebook
Share

Related Posts

Posted in Tips

colorizer-1_thumb.png

We thought we would use the WordPress Twenty Eleven theme and the the Farbtastic color picker to colorize our theme from the website front page instead of the admin area. We have been looking at the $_SESSION variable, so we thought … Continue reading

Read More