Skip to main content

Forums

Forum Replies Created

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • in reply to: PSD to Web Tutorial Videos. . . #48494
    thewakeplace
    Member

    Cool – its working! How stupid am i. . . :)

    in reply to: PSD to Web Tutorial Videos. . . #48454
    thewakeplace
    Member
    Code:
    ul#nav li.home a { width: 262px;
    background:url(Images/nav_home.jpg) bottom center no-repeat;
    }
    ul#nav li.videos a { width: 200px;
    background: url(Images/nav_video.jpg) bottom center no-repeat;
    }
    ul#nav li.downloads a { width: 200px;
    background:url(Images/nav_downloads.jpg) bottom center no-repeat;
    }
    ul#nav li.contact a { width: 338px;
    background:url(Images/nav_contact.jpg) bottom center no-repeat;
    }
    ul#nav li a:hover { background-position: center center;
    }
    body#home ul#nav li.home a {
    background-position: top center;
    }
    body#video ul#nav li.video a {
    background-position: top center;
    }

    So my CSS will look like this? The Home Page one works, but the video one doesn’t. . . . ?? Any Ideas???

    in reply to: PSD to Web Tutorial Videos. . . #48452
    thewakeplace
    Member

    Perfect!!! Cheers Chris!

    in reply to: PSD to Web Tutorial Videos. . . #48424
    thewakeplace
    Member

    actually what am i talking about –

    Code:
    ul#nav li.home a { width: 262px;
    background:url(Images/nav_home.jpg) bottom center no-repeat;
    }
    ul#nav li.videos a { width: 200px;
    background: url(Images/nav_video.jpg) bottom center no-repeat;
    }
    ul#nav li.downloads a { width: 200px;
    background:url(Images/nav_downloads.jpg) bottom center no-repeat;
    }
    ul#nav li.contact a { width: 338px;
    background:url(Images/nav_contact.jpg) bottom center no-repeat;
    }
    ul#nav li a:hover { background-position: center center;
    }

    The above is the code from the page at the moment. I have the hover effect all done fine – what i need is the CSS that moves the image up once again to an active state effect. How to i move the image when i go to different pages?

    Sorry for being dumb with it. . .

Viewing 4 posts - 1 through 4 (of 4 total)
icon-link icon-logo-star icon-search icon-star