View Full Version : CSS Hover Problem

06-16-2005, 09:30 PM

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.


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

Any and all help is appreciated.


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

06-17-2005, 01: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.

06-17-2005, 01: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.

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

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

06-17-2005, 04: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 :)

06-17-2005, 06: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...

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

06-17-2005, 01: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.

06-18-2005, 02: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

06-18-2005, 04: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