Avatar billede madssch Nybegynder
10. januar 2003 - 09:14 Der er 16 kommentarer og
1 løsning

Understregning...

Jeg har et lille spørgsmål vedrørende CSS (jeg regner med det er her man kan løse mit problem).

Jeg har en class som definerer noget tekst. Denne tekst vil jeg gerne ha' understreget. Jeg bruger selvfølgelig text-decoration:underline.

Mit spørgsmål er: Kan understregningen have en anden farve end teksten den understreger? Altså f.eks. sprt tekst og rød streg?

På forhånd tak!

;-)
Avatar billede madssch Nybegynder
10. januar 2003 - 09:15 #1
sprt = sort
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 09:16 #2
Understregningen følger tekstfarven, så har du sat din tekst farve til rød, vil din understregning også blive det
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 09:17 #3
SÅ nej det kan den ikke
Avatar billede madssch Nybegynder
10. januar 2003 - 09:29 #4
Havde det desværre også nok på fornemmelsen.

Øv, men tak for hjælpen!  ;-)
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 09:30 #5
jeg var ikke helt sikker på om man kunne, men har lige spurgt min lærer i html/css, og han sagde at man ikke kunne, så det skal nok passe
Avatar billede schaefner Juniormester
10. januar 2003 - 09:30 #6
du kan bruge {border-bottom: 1px solid #000000}
Avatar billede schaefner Juniormester
10. januar 2003 - 09:34 #7
Avatar billede schaefner Juniormester
10. januar 2003 - 09:36 #8
stregen vil dog være lidt længere nede
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 09:36 #9
Det er jo så ikke understregningen du går ind og laver om, men rent udseendes mæssigt er det jo det samme.

schaefner: point ?
Avatar billede madssch Nybegynder
10. januar 2003 - 09:38 #10
Ja! Hvorfor har jeg da ikke tænkt på det før!?!?

Prøver det lige af...
Avatar billede madssch Nybegynder
10. januar 2003 - 09:42 #11
Det er glimrende!

schaefner: hvordan kan jeg tildele dig point? Skal jeg oprette et nyt spørgsmål, eller?
Avatar billede schaefner Juniormester
10. januar 2003 - 09:45 #12
jo tak, men hvis jakobclausen opretter et nyt spm. så er det vidst fin
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 09:51 #13
Avatar billede knudgert Nybegynder
10. januar 2003 - 11:11 #14
Eller måske bedre:
I css:
.farve {color: red; text-decoration: underline}

Og teksten:
<p class="farve"><span style="color: black">Her er en sort tekst med rød understregning</span></p>
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 11:14 #15
knudgert: det virker ikke, for så bliver tesksten jo også "black"
Avatar billede knudgert Nybegynder
10. januar 2003 - 13:00 #16
Nej.
Du sætter en color (fonten) til at være rød og med text-decoration: underline.
Så svil text og understregning blive rød, men da vi ønsker sort text og rød understregning, så laver vi det ved at lave en span, hvor vi sætter color: til black og ikke noget med text-decoration, som så beholder den røde farve.

Det virker selvf. ikke i Netscape 4.x, men gør i IE 6 (og sikkert også 5.x), Mozilla, Netscape 7 og Opera 6 det er de browsere jeg har).

Den med border-bottom fungerer heller ikke i Netscape 4.x og man skal huske at sætte width på ellers laver IE understregning på hele linjen.

Se evt. http://home13.inet.tele.dk/smedpark/test/under.htm
Avatar billede knudgert Nybegynder
10. januar 2003 - 13:04 #17
>jakobclausen
Læste lidt for hurtig.
Selvf. bliver teksten sort, men understregningen rød, men det var jo ohså det spørgsmålet gik på.
En farve på teksten og en anden på understregningen.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester