Question

I’m using CSS to create a header graphic:

#header {
    height:125px;
    background:url(/Content/images/header_footer.jpg) -0 0 no-repeat;
}

then:

<div id="header">
    <!-- navigation START -->
    <ul id="main_navigation">

Is there a way to make the graphic (space above the nav UL) into a clickable link?

thx

Answer 1

I don’t think this is a good approach. If you want only the graphic to be a link put in a separate element:

CSS :

#header{
    height:125px;        
}

#headerImg{
    display:block;
    height:100px;
    background:url(/Content/images/header_footer.jpg) -0 0 no-repeat;
}

HTML :

<div id="header">
    <a href="http://www.stackoverflow.com"><span id="headerImg"></span></a>
    <ul id="main_navigation">