fast CSS question - GoFuckYourself.com

Zester · 06-29-2005, 12:23 PM

ok, how do I make a dotted line appear under a link when you move on it?

isn't it suppose to be:

Code:

a:hover{text-decoration: dotted;}

?

broke · 06-29-2005, 12:26 PM

Text-decoration gives you five options: underline, overline, line-through, blink, or none.

Zester · 06-29-2005, 12:30 PM

Quote:

Originally Posted by broke

Text-decoration gives you five options: underline, overline, line-through, blink, or none.

so how is it done than ?

Tom_PM · 06-29-2005, 12:30 PM

http://www.htmlhelp.com/reference/css/properties.html

Tom_PM · 06-29-2005, 12:32 PM

border-style:dotted should work.

Dots look different in IE than in Firefox. Firefox does them properly..
But it's a Box property. So you'd have to fake it out to make it appear as a dotted "underline" I think. By having the hover trigger a change in Box property for border bottom or whatever.

Just a guess, I dunno for sure.

Zester · 06-29-2005, 12:41 PM

Code:

a:hover{
border-bottom-style:dotted;
border-bottom-width: 1px;
}

Tom_PM · 06-29-2005, 12:42 PM

Well there ya go. Bookmark that CSS help page. It's a handy old one.

06-29-2005, 12:23 PM	#1
Zester Confirmed User Industry Role: Join Date: Jul 2003 Posts: 5,344	fast CSS question ok, how do I make a dotted line appear under a link when you move on it? isn't it suppose to be: Code: a:hover{text-decoration: dotted;} ? __________________ * Mainstream ? $65 per sale * new male contraception

06-29-2005, 12:26 PM	#2
broke Confirmed User Join Date: Aug 2003 Location: Someplace Windy Posts: 4,501	Text-decoration gives you five options: underline, overline, line-through, blink, or none. __________________ Perfect Gonzo

06-29-2005, 12:30 PM	#4
Tom_PM Porn Meister Industry Role: Join Date: Feb 2005 Posts: 16,443	http://www.htmlhelp.com/reference/css/properties.html __________________ 43-922-863 Shut up and play your guitar.

06-29-2005, 12:32 PM	#5
Tom_PM Porn Meister Industry Role: Join Date: Feb 2005 Posts: 16,443	border-style:dotted should work. Dots look different in IE than in Firefox. Firefox does them properly.. But it's a Box property. So you'd have to fake it out to make it appear as a dotted "underline" I think. By having the hover trigger a change in Box property for border bottom or whatever. Just a guess, I dunno for sure. __________________ 43-922-863 Shut up and play your guitar. Last edited by Tom_PM; 06-29-2005 at 12:34 PM..

06-29-2005, 12:41 PM	#6
Zester Confirmed User Industry Role: Join Date: Jul 2003 Posts: 5,344	Code: a:hover{ border-bottom-style:dotted; border-bottom-width: 1px; } __________________ * Mainstream ? $65 per sale * new male contraception

06-29-2005, 12:42 PM	#7
Tom_PM Porn Meister Industry Role: Join Date: Feb 2005 Posts: 16,443	Well there ya go. Bookmark that CSS help page. It's a handy old one. __________________ 43-922-863 Shut up and play your guitar.