PDA

View Full Version : CSS Hover Problem


andy384
06-16-2005, 10:30 PM
Ok,

This problem is easy to see:

http://www.waahoowebhosting.com/resources.html ('http://www.waahoowebhosting.com/resources.html')

As you can see my "a hover commands" for the navigation bar at the top are conflicting with my regular links. I can solve the problem but then my navigation bar gets screwed up. I seem to have this problem only when aligning link text to the left. Hopefully it can be fixed without revamping my whole style sheet.

CSS:

http://www.waahoowebhosting.com/style.css ('http://www.waahoowebhosting.com/style.css')

Any and all help is appreciated.

Thanks

Sloth_Boy
06-17-2005, 01:45 AM
I cant see the problem, please xplain wats going on and wat you want changed

andy384
06-17-2005, 02:02 AM
When I hover over those links on that page, they move. I am assuming that this is true for anyone. If the link is not moving when you are hovering over it, let me know.

It is because of the padding on the a hover command, but that padding makes my navigation bar work, so I need some kind of workaround.

Let me know

Thank You for trying.

Sloth_Boy
06-17-2005, 02:12 AM
oh, i thought that was how you wanted it, its not a bad style... lol

well, in that case, ill have a another look and look at the code.

Sloth_Boy
06-17-2005, 02:15 AM
Dont worry, i worked out a question i had here, um, wat CSS style did u use for those links

domedia
06-17-2005, 02:41 AM
Andy, looks good in Firefox.
Please specify browser :)

andy384
06-17-2005, 05:02 AM
That's really weird. I am using Firefox. Every time I "hover" over those links inside the page they shift to the right. I tried it in IE and it did the same thing. Why would only my browser be doing this?

Double check if you could, maybe try a refresh. Hopefully you will see what I am talking about. If not, then I guess nothing can be done.

Thanks for taking the time to help me out Domedia and SlothBoy, I appreciate it :)

Sloth_Boy
06-17-2005, 07:41 AM
I see the text moving right, but wat CSS style are u using on the text...

Also, it dont look to bad if you ask me...

domedia
06-17-2005, 02:09 PM
Can you specify which version of Firefox you are using please, andy. Pages can render different in different browsers and verison numbers..

andy384
06-17-2005, 02:43 PM
Can you specify which version of Firefox you are using please
Firefox 1.0.4

That is very weird if it is not shifting at all when you hover over those links.

Let me know.

wat CSS style are u using on the text

I am using a padding on the right and left of my navigation a hover seen here:

#navigation a, a:hover, a:visited a:active
{
padding-right: 12px;
padding-left: 12px;
}


If I take away this style it gets rid of the links moving, but it then screws up my navigation bar. I need to somehow make an exception for the links in the body so it doesn't effect my navigation bar.

Sloth_Boy
06-18-2005, 03:52 AM
your sites down or something...

The padding may be making the text move right... I'll have a look though when your site is up again

andy384
06-18-2005, 05:23 AM
Yeah the site is down currently, sorry about that. It will be up tommorow. We are performing a server transfer.

I will post when it is back up.

Thanks Again