---

Hej,

Jeg har noget CSS-formatret teskt, hvor jeg gerne vil have underline og
overline til at være en anden farve end teksten, hvordan gør jeg det?

--
Venlig hilsen, Rasmus Nielsen.

---

Rasmus Nielsen wrote in dk.edb.internet.webdesign.html:
> Hej,
>
> Jeg har noget CSS-formatret teskt, hvor jeg gerne vil have underline og
> overline til at være en anden farve end teksten, hvordan gør jeg det?
Hvis det kun er en linje kan du bruge border. Hvis det er en lang tekst,
må du gøre det med bagrundsbillede eller dele det i en enhed til hver
linje. Du kan også bruge outline, men det virker ikke i IE og mozilla.


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Rasmus Nielsen wrote:

> Jeg har noget CSS-formatret teskt, hvor jeg gerne vil have
> underline og overline til at være en anden farve end teksten,
> hvordan gør jeg det?

Den ene mulighed er den, Lobais nævne - giv teksten et
baggrundsbillede.

Andre, mere fleksible løsninger kunne være disse:

<p class="underline">
Teksten i denne blok er grøn og har underline, <span>men kan gøres
sort med grøn underline</span>
</p>

<p class="overline">
Standardtekst i denne blok er rød og har overline, <span>mens noget
andet er sort med rød overline</span>
</p>

<p>
Den mere fleksible løsning er nok denne, hvor standardteksten er sort
og ikke har over- eller underline. <span class="overandunder">Teksten
inde i denne span har dog rød top-border og grøn bottom-border</span>
</p>


p.underline {
   text-decoration: underline;
   color: #0f0;
}

p.underline span {
   text-decoration: none;
   color: #000;
}

p.overline {
   text-decoration: overline;
   color: #f00;
}

p.overline span {
   text-decoration: none;
   color: #000;
}

p span.overandunder {
   border-top: 1px solid #f00;
   border-bottom: 1px solid #0f0;
}


--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

---

"Rasmus Nielsen" <postmaster@rasmusn.dk> skrev :

>Jeg har noget CSS-formatret teskt, hvor jeg gerne vil have underline og
>overline til at være en anden farve end teksten, hvordan gør jeg det?

<p style="text-decoration: underline overline; color: red"><span
style="color: black">Her en tekst med farvet border</span></p>
--
Knud

---

> <p style="text-decoration: underline overline; color: red"><span
> style="color: black">Her en tekst med farvet border</span></p>
Se den er jo smart. Man yderligere tilføje:

<p style="text-decoration: underline; color: red;">
<span style="text-decoration: overline; color: blue;">
<span style="color: black">
Her en tekst med farvet border
</span></span></p>

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials