Welcome to WebmasterWorld Guest from 54.166.152.121

Forum Moderators: not2easy

Message Too Old, No Replies

CSS and linking

Links active only at bottom of text

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

10+ Year Member



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.

HELP!

Thanks in advance,
Darius

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

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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)

10+ Year Member



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)

10+ Year Member



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)

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Just for testing purposes, take this...

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

and trim it down to this...

li.a{color:#000;background:#00a5c6;}

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)

WebmasterWorld Senior Member 10+ Year Member



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.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month