homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

CSS and linking
Links active only at bottom of text

 5:11 am on Apr 19, 2003 (gmt 0)

I have a set of links that are on the top of all the pages in my website. i removed the underline and used the hover tag to change the link color when it is hovered over.

For some reason I can't figure out, the link only changes color and becomes active when the mouse hovers over the very bottom of the text. This only happens on one page out of several, and as far as I can tell, the only difference is that the one it doesn't work on has LI class tags.


Thanks in advance,



 5:25 am on Apr 19, 2003 (gmt 0)

Hello mrdarius, Welcome to WebmasterWorld!

<edited>I just reread your post, my response was not related.</edit>

But welcome anyway!

What does the li.class look like? Do you have margins or padding specified?


 5:37 am on Apr 19, 2003 (gmt 0)

Here is what LI.a looks like (there are similar b and c as well):

LI.a{list-style: circle; background: #00A5C6; color: blacK; font-weight: normal}

The strangest part for me, which I forgot to mention earlier, is that other links on the very same page work properly. The only links that this is happening to are links that belong to the following class:

p.toplinks{position:absolute; left: 40px; color:white; z-index:-2; background:#31B5D6; font-size:1.1em; font-weight:bold; font-family:"courier new" }

and even then, it only happens on one page, even though the coding is identical on all the pages less the LI.a.


 5:51 am on Apr 19, 2003 (gmt 0)

It works when I get rid of the list class, but i would still like to include list items on the page. is there some css protocol i might be missing out on here?


 5:53 am on Apr 19, 2003 (gmt 0)

Just for testing purposes, take this...

LI.a{list-style: circle; background: #00A5C6; color: blacK; font-weight: normal}

and trim it down to this...


No need for those other attributes. The default li is a disc and the default font weight is normal.


 9:18 am on Apr 19, 2003 (gmt 0)

li.a means "any list item of the class a".

I'm pretty sure you want li a which "means any anchor (a) that is contained within a list item (li)".

Also you should always use lower case for your css and html tags. I have heard that some browsers get confused by mixed case.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved