Re: [css-d] not getting the desired hover effect on bottom links

2005-07-15 Thread Ingo Chao 

Bruce Gilbert schrieb:


on the home page, I am getting the desired effect with the top and
bottom borders on hover.

However, on any other page the hover effects are a blue background
which is the default hover effect on . ...

the code is the same on every page.


Actually it isn't.

http://www.inspired-evolution.com
#main_content_home

http://www.inspired-evolution.com/About_Me.php
#main_content


sample xhtml code:
Code snippets are next to useless for debugging, and most often hiding 
the bug. If there was an error in the few lines you provided, you'd have 
seen it for yourself, I assume.



for instance the CSS for the hover effects on the bottom links:

#horizontal_list2 li a:hover {
font-family: arial, helvetica, sans-serif;
border-top: 1px dotted #003;
border-bottom: 1px dotted #003;
}

The CSS is located at http://www.inspired-evolution.com/Gilbert.css


but there is also:

#main_content ul li a:hover {
color: #fff;
text-decoration: none;
background: #369;
}

Ingo

--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] not getting the desired hover effect on bottom links

2005-07-15 Thread Bruce Gilbert 
Hello,

I am having a problem getting the proper CSS to affect the bottom
links on most of my pages.

If you go to my home page :http://www.inspired-evolution.com and look
towards the bottom above the footer, you will see the links (recent
updates, about this site, accessibility etc.)

on the home page, I am getting the desired effect with the top and
bottom borders on hover.

However, on any other page the hover effects are a blue background
which is the default hover effect on . An example would be
the same links on this page:

http://www.inspired-evolution.com/Hireme.php

the code is the same on every page.

sample xhtml code:

Recent
Updates


I am sure this is a specificity issue, but I haven't been able to solve it!

for instance the CSS for the hover effects on the bottom links:

#horizontal_list2 li a:hover {
font-family: arial, helvetica, sans-serif;
border-top: 1px dotted #003;
border-bottom: 1px dotted #003;
}

I tried adding both #bottom_links and #main_content before
#horizontal_list2, but neither of those attempts had the desired
effect.

The CSS is located at http://www.inspired-evolution.com/Gilbert.css

any assistance /suggestions are greatly appreciated!



-- 
::Bruce::
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/