[CSS]text decoration icm border-bottom

Pagina: 1
Acties:

  • Briefcase
  • Registratie: Augustus 2003
  • Laatst online: 20-12-2024
ik probeer een witte tekst-link te maken met een gestippelde underline.

nu had ik het volgende verzonnen, maar nu blijft mijn link blauw

code:
1
2
3
4
5
6
7
.underline { 
    border-bottom: dotted 1px #FFFFFF; 
    font-size: 12px;
    font-family: Tahoma;
    color: #FFFFFF;
    line-height: normal;
    text-decoration: none;


Iemand enig idee hoe dit op te lossen is?

Lorem Ipsum Fujitsu


  • Cavorka
  • Registratie: April 2003
  • Laatst online: 27-03-2018

Cavorka

Internet Entrepreneur

Hij doet het bij mij wel...

Laat eens wat meer code zien?

PS: Het is toch niet de missende accolade ofzo he?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>

<head>

<style type='text/css'>

a.underline { 
    border-bottom: dotted 1px #FFFFFF; 
    font-size: 12px;
    font-family: Tahoma;
    color: #FFFFFF;
    line-height: normal;
    text-decoration: none;
}

body {
background-color: black ;
}

</style>

</head>

<body>

<a href='woot.com' class='underline'>WOOOOT</a>

</body>

</html>

the-blueprints.com - The largest free blueprint collection on the internet: 50000+ drawings.


  • Briefcase
  • Registratie: Augustus 2003
  • Laatst online: 20-12-2024
dit is mijn hele style sheet

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.menu {
    font-family: Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    line-height: normal;

}
.underline { 
    border-bottom: dotted 1px #FFFFFF; 
    font-size: 12px;
    font-family: Tahoma;
    color: #FFFFFF;
    line-height: normal;
    text-decoration: none;
}

.navheader {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    
}

Lorem Ipsum Fujitsu


  • Redshark
  • Registratie: Mei 2002
  • Laatst online: 30-04 23:07
Werkt hier ook perfect, zowel in IE als FF. Misschien iets van overerving ergens?

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Desnoods even een harde refresh :)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • TwoR
  • Registratie: Augustus 2002
  • Laatst online: 24-04 13:45

TwoR

Gekleurde stippen

doe ipv .underline eens:
code:
1
2
3
4
5
6
7
8
a{ 
    border-bottom: dotted 1px #FFFFFF; 
    font-size: 12px;
    font-family: Tahoma;
    color: #FFFFFF;
    line-height: normal;
    text-decoration: none;
}

dan is die voor de link tag.

[ Voor 59% gewijzigd door TwoR op 31-08-2005 14:50 ]


  • Briefcase
  • Registratie: Augustus 2003
  • Laatst online: 20-12-2024
met die a tag werkt het wel. Toch vreemd dan.

in iedergeval bedankt voor de hulp.

Lorem Ipsum Fujitsu


  • AtleX
  • Registratie: Maart 2003
  • Niet online

AtleX

Tyrannosaurus Lex 🦖

Als je al op die link geklikt heb, wordt hij visited gemarkeerd. Aangezien je daarvoor geen opmaak hebt opgegeven in je CSS (dmv :visited) wordt doorvoor de standaard opmaak van de browser gepakt. Is dit een mogelijke oorzaak?

Sole survivor of the Chicxulub asteroid impact.


  • Briefcase
  • Registratie: Augustus 2003
  • Laatst online: 20-12-2024
ik zat nog ff te klooien, want met de A tag liepen de lijnen niet door tot het eind van de tabel rij.

het ziet er nu een beetje rommelig uit, maar nu werkt het wel 100%. Ach ja, het is ook geen beautycontest.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
.menu {
    font-family: Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    line-height: normal;

}
.underline { 
    border-bottom: dotted 1px #FFFFFF; 
    font-size: 12px;
    font-family: Tahoma;
    color: #FFFFFF;
    line-height: normal;
    text-decoration: none;
}

.navheader {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    
}

a{ 
    font-size: 12px;
    font-family: Tahoma;
    color: #FFFFFF;
    line-height: normal;
    text-decoration: none;

}

Lorem Ipsum Fujitsu


  • Briefcase
  • Registratie: Augustus 2003
  • Laatst online: 20-12-2024
AtleX schreef op woensdag 31 augustus 2005 @ 14:56:
Als je al op die link geklikt heb, wordt hij visited gemarkeerd. Aangezien je daarvoor geen opmaak hebt opgegeven in je CSS (dmv :visited) wordt doorvoor de standaard opmaak van de browser gepakt. Is dit een mogelijke oorzaak?
Volgens mij is dat niet het probleem.

Lorem Ipsum Fujitsu


  • sjaakaq
  • Registratie: September 2003
  • Laatst online: 17-04 10:24

sjaakaq

It might get loud

Even voor de record, je had je a href wel de class "underline" megegeven?

leoaq.fm // Jeune Loop

Pagina: 1