Css help c':

Hadou's picture
I need some help here with some css for Nax's bio,
I added a dashed line under all of the 'a:info' boxs, but then changed the 'u' tag to have the same dashed line and all, and now the 'u' tag is working, but all of the 'a:info' is now underlined >.>

Here's what I mean,

u { #827752;text-decoration: none;border-bottom:1px dashed #413e35;}

a.info { #827752;z-index:24; text-decoration: none;border-bottom:1px dashed #413e35;} a.info:hover { z-index:25; color:#A39480; } a.info span { display: none;} a.info:hover span { margin:auto;display:block; top:1em; width: 85%; text-align:left; padding: 10px 50px;background-color: #292421; opacity: 0.5; font-size: 7pt; }

and here's the bio

if you need the whole code, I'll post it !

thank you sosososos much for reading c':
Hadou's picture

Wittle bump c:

Wittle bump c:
Unplugged's picture

You seem to have a line break

You seem to have a line break between the 'u' code and the 'a.info' code. Remove that and you should manage to get rid of the a:info underlining. Smiling TEFc converts all line breaks into <br /> tags and this sometimes can mess with the code.

It also looks like you have a few extraneous closing </span> tags scattered throughout the code which may cause problems later. If you'd like, I can clean those up a little too.
Hadou's picture

c:thank you! Oh, sure thing,

c:thank you!
Oh, sure thing, that would help a lot! here it is ouo