Hi guys!
I'm actually losing all power of rational throught thanks to these image rollovers and I hoped someone might be able to help.
This is the site I'm working on. As you can see I have successfully managed to make image rollovers on the homepage.
My problem arises when i tried to make another version for the toplevel navigation on the inside pages. I cant see where I'm going wrong. I used the same code and just tweaked all the ID's & image names.
Could anyone spot where Im going wrong? The homepage & the inside pages have separate style sheets.
Pointers would be VERY much appreciated x
Css Image Rollovers
Started by upcloseandpixelated, Jun 02 2008 05:39 AM
5 replies to this topic
#1
Posted 02 June 2008 - 05:39 AM
#2
Posted 02 June 2008 - 06:22 AM
Just a thought, have you tried changing the
But I can't see the problem, it's a bugger. And if it's any help, I spend three hours yesterday tracking down an errant bit of padding that IE liked but FF didn't.
#nav a#venue {background:transparent url(images/top_venue_over.gif) -100px -100px no-repeat;}to something like:#nav a#venue {background: url(images/top_venue_over.gif) -100px -100px no-repeat;}so you can at least see the images. It might also be worth adjusting the position call to see if that makes a difference.But I can't see the problem, it's a bugger. And if it's any help, I spend three hours yesterday tracking down an errant bit of padding that IE liked but FF didn't.
#3
Posted 02 June 2008 - 06:27 AM
Nope. That didnt work. CSS makes me want to gouge my own eyes out.
And now the invisible button Ive stuck over the logo is knocking everything out of alignment. Grrr!!
And now the invisible button Ive stuck over the logo is knocking everything out of alignment. Grrr!!
#4
Posted 02 June 2008 - 08:05 AM
I think this is the problem:
#nav{float:left; display:block; z-index:50;}
#nav a#venue:hover {background-position:0 0; z-index:50;}
Both have a z-index of 50 which might have something to do with it.
Homenav doesn't have a z-index:
#homenav{display:block; width:500px; margin-top:110px; float:right;}
If it works do I get 50% of the fee?
#nav{float:left; display:block; z-index:50;}
#nav a#venue:hover {background-position:0 0; z-index:50;}
Both have a z-index of 50 which might have something to do with it.
Homenav doesn't have a z-index:
#homenav{display:block; width:500px; margin-top:110px; float:right;}
If it works do I get 50% of the fee?
#5
Posted 02 June 2008 - 08:56 AM
Argh I just came back to say I pixed it. I dont know how. I just started from scratch again, got one working and went with it.
Why does CSS have to be so infuriating?!?! Thank you for taking the time to help me! Much appreciated!
Why does CSS have to be so infuriating?!?! Thank you for taking the time to help me! Much appreciated!
#6
Posted 03 June 2008 - 07:37 AM
@upcloseandpixelated:
I noticed an omitted word on the following page:
http://www.upclosean...ock/travel.html
To help the environment why not hop on a train or bus? The train station is less than 5 minutes walk from the Inn. We'd all like to help the environment, so why hop on some public transport?
THe end of the last sentence should have why NOT hop
Cheers
I noticed an omitted word on the following page:
http://www.upclosean...ock/travel.html
To help the environment why not hop on a train or bus? The train station is less than 5 minutes walk from the Inn. We'd all like to help the environment, so why hop on some public transport?
THe end of the last sentence should have why NOT hop
Cheers
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users






