long screenames in comment section Options

[partybiatch]

the screenames of my friends in the comment section make my comment section go all large, how can i decrease them or hide them?

its only in mozilla/firefox, internet explorer splits the name and prevents them to spread the section. i need some help!!

check my profile


EXPLORER



FIREFOX

[*This Confession*]

sorry you can fix that
thats just how firefox is

not many people use ff though
so don't worry about it.

ie kind of sucks and so its going to change that stuff.
but the sn isn't actually written like that
so you can't chnage that
you could change the way the links are though
like the font and size of them

[partybiatch]

can i change the way links are shown in firefox as well??

how can i do it??

[*This Confession*]

CODE

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

[partybiatch]

are you sure this works for firfox? i use these css codes already.. i'll give you a snippet :

CODE

a:linka:link{color: black; font-family:small fonts;text-transform: lowercase; text-decoration: none; font-size:7pt;font-weight:;letter-spacing:;}

a:visited{color: black; font-family:small fonts;text-transform: lowercase; text-decoration: none; font-size:7pt; font-weight:;letter-spacing:;}

a:active{color: black; font-family:small fonts;text-transform: lowercase; text-decoration: none; font-size:7pt;font-weight:letter-spacing:; }

a:hover { color: black; font-family:small fonts;text-transform: lowercase; text-decoration: none;  font-size: 7pt;border:; border-color:white; background-color: COLOR HERE; font-weight:;letter-spacing;}

a.navbar{color: black; font-family:small fonts;text-transform: lowercase; text-decoration: none;  font-size: 7pt; }font-weight:;letter-spacing:;}

a.navbar:link{color: black; font-family:small fonts;text-transform: lowercase; text-decoration: none;  font-size: 7pt; font-weight:;letter-spacing:;}

a.navbar:active{color:black; font-family:small fonts;text-transform: lowercase; text-decoration: none;  font-size: 7pt;border: 0px solid; border-color:COLOR HERE; background-color: COLOR HERE;font-weight:;letter-spacing:;}

a.navbar:visited{color:black; font-family:small fonts;text-transform: lowercase; text-decoration: none;  font-size:7pt;font-weight:;letter-spacing:;}

a.navbar:hover{ color: black; font-family:small fonts;text-transform: lowercase; text-decoration: none;  font-size: 7pt;border: 1px solid; border-color:COLOR HERE; background-color: COLOR HERE; font-weight:;letter-spacing:;}

a.man{visibility:hidden; display:none}

[*This Confession*]

hmm
well try this
i use this on my stuff works fine in ff for me

CODE

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 11px; background-color: transparent; border: 0px solid 000000;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 11px; background-color: ccd49b;}

change the color codes to whatever.

[partybiatch]

yeah it worked, thank you very much

[*This Confession*]

welcome deary.

have a nice day !
topic closed