Anyone?

Discussion in 'CSS' started by Bboy Wicked, Jan 5, 2007.

0
  1. #1
    Anyone know that how to make the code in css that
    when you go over the link.. it underlines but in dots?

    like example ;
    .navigation a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:11px;
	color: #DDDDDD;
	text-decoration: underline;
    Code (markup):
    ive tried so much things like
    text-decoration: dotted underline;
    or
    text-decoration: dotted ;

    Nothing worked.. but i know i remember i saw once on a site.. the links when you over them theres a underline comes but dotted.
     
    Bboy Wicked, Jan 5, 2007 IP
  2. feeleash

    feeleash Peon

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    replace text-decoration:underline; with this:

    border-bottom: 1px dotted #000;

    In firefox the dots are so small they actually look as a normal underline!!!
     
    feeleash, Jan 5, 2007 IP
  3. AndrewR

    AndrewR Peon

    Messages:
    108
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I would actually recommend using"
    
border-bottom: 1px dashed #000;
    Code (markup):
    That is because the dashes will look more like dots and much better than "dotted." However, it is user preference. :)
     
    AndrewR, Jan 5, 2007 IP