---

Jeg har et lille problem, med text-decoration:underline kan jeg ikke
kontrollere stregen under teksten, hvad farve den skal være, hvor langt fra
teksten den skal stå osv.

Det kan jeg med border-bottom, men når jeg benytter den på <h1>, så fylder
stregen hele boksen, og ikke kun teksten.

Hvordan får jeg det som jeg gerne vil have det?

---

"Ronaldo" wrote in message...

> Jeg har et lille problem, med text-decoration:underline kan jeg ikke
> kontrollere stregen under teksten, hvad farve den skal være, hvor
langt fra
> teksten den skal stå osv.
>
> Det kan jeg med border-bottom, men når jeg benytter den på <h1>, så
fylder
> stregen hele boksen, og ikke kun teksten.
>
> Hvordan får jeg det som jeg gerne vil have det?

h1{
display: inline;
color: #009;
border-bottom: #900 1px solid;
}

bør kunne gøre det.

Link til opfølgning: http://www.quirksmode.org/css/display.html#inline


MVH
Rune

---

Det virkede fint, lige indtil jeg opdagede at margin-bottom så ikke gad at
spille.

Jeg lavede min border i photoshop, og proppede den ind som baggrund i h1.

Tak for hjælpen.

"Rune Jensen" <rune.jensen@villabynet.dk> skrev i en meddelelse
news:45860ad7$0$2664$456a7185@news.cirque.dk...

> h1{
> display: inline;
> color: #009;
> border-bottom: #900 1px solid;
> }

---

"Ronaldo" <freddie@brnet.dk> skrev i en meddelelse
news:45880dd0$0$49200$14726298@news.sunsite.dk...

> Det virkede fint, lige indtil jeg opdagede at margin-bottom så ikke gad at
> spille.

Ja sådan er det med inline elementer


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk

---

Ronaldo wrote:

>> h1{
>> display: inline;
>> color: #009;
>> border-bottom: #900 1px solid;
>> }

<h1>Overskrift</h1><br><br>

Det skulle give en tom linje under overskriften, selv om den er defineret
som et inline-element.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk

---

On Tue, 19 Dec 2006 23:42:37 +0100, "Erik Ginnerskov"
<erik@donotspammeplease.invalid> wrote:

>Ronaldo wrote:
>
>>> h1{
>>> display: inline;
>>> color: #009;
>>> border-bottom: #900 1px solid;
>>> }
>
><h1>Overskrift</h1><br><br>

Det synes jeg er noget "snask"

>Det skulle give en tom linje under overskriften, selv om den er defineret
>som et inline-element.

Den vil stadig stå på sin egen linie, medmindre der er andre
inline-elementer umiddelbart før eller efter.

Den danner en "anonymous block box", jvf.:
<url: http://www.w3.org/TR/CSS2/visuren.html#box-gen>


Mvh. Jørn

--
Jørn Andersen,
Brønshøj

---

Jørn Andersen wrote:

>> <h1>Overskrift</h1><br><br>
>
> Det synes jeg er noget "snask"

Det er en hurtig og nem løsning.

>> Det skulle give en tom linje under overskriften, selv om den er
>> defineret som et inline-element.
>
> Den vil stadig stå på sin egen linie, medmindre der er andre
> inline-elementer umiddelbart før eller efter.

Ja, på egen linje, men ikke nødvendigvis med den ønskede luft mellem, som
Ronaldo ønskede.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk

---

On Wed, 20 Dec 2006 16:43:21 +0100, "Erik Ginnerskov"
<erik@donotspammeplease.invalid> wrote:

>Jørn Andersen wrote:
>
>>> <h1>Overskrift</h1><br><br>
>>
>> Det synes jeg er noget "snask"
>
>Det er en hurtig og nem løsning.

Ja, ja, dfet var heller ikke for at være hellig - jeg kunne sikkert
selv have fundet på noget lignende, hvis det skulle gå hurtigt :)



Mvh. Jørn

--
Jørn Andersen,
Brønshøj

---

Erik Ginnerskov skrev:

> <h1>Overskrift</h1><br><br>

To gange <br> i rap er da ikke garanteret til at give mere end ét
linjeskift, er det?

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen wrote:

> To gange <br> i rap er da ikke garanteret til at give mere end ét
> linjeskift, er det?

Første <br> giver et linjeskift. Vil man have en tom linje før næste linje,
skal der et ekstra <br> ind - med mindre efterfølgende elements margin-top
gør arbejdet. Det var det, som Ronaldo åbenbart ikke opnåede med
inline-definitionen på h1.

Men Jørns forslag om at putte h1 ind i en div med padding:0 er nok pænere
kode. Skal vi ikke holde os til den?

Og så opfordre Ronaldo til at komme med et link til sit problem fremover, så
vi kan se det live. Det gør det meget lettere at komme med præcis den
rigtige løsning.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk

---

On Tue, 19 Dec 2006 17:05:34 +0100, "Ronaldo" <freddie@brnet.dk>
wrote:

>"Rune Jensen" <rune.jensen@villabynet.dk> skrev i en meddelelse
>news:45860ad7$0$2664$456a7185@news.cirque.dk...
>
>> h1{
>> display: inline;
>> color: #009;
>> border-bottom: #900 1px solid;
>> }

>Det virkede fint, lige indtil jeg opdagede at margin-bottom så ikke gad at
>spille.
>
>Jeg lavede min border i photoshop, og proppede den ind som baggrund i h1.

En anden måde at løse det på, er at putte h1'en ind i en div og så
sætte margin på div'en:
<div><h1>Overskrift</h1></div>

Du skal så sikkert sætte
padding:0;
på div'en.



Mvh. Jørn

--
Jørn Andersen,
Brønshøj