/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
h1 og border
Fra : Ronaldo


Dato : 18-12-06 02:54

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?



 
 
Rune Jensen (18-12-2006)
Kommentar
Fra : Rune Jensen


Dato : 18-12-06 04:32

"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




Ronaldo (19-12-2006)
Kommentar
Fra : Ronaldo


Dato : 19-12-06 17:06

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;
> }



Ukendt (19-12-2006)
Kommentar
Fra : Ukendt


Dato : 19-12-06 17:52


"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



Erik Ginnerskov (19-12-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 19-12-06 23:43

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



Jørn Andersen (20-12-2006)
Kommentar
Fra : Jørn Andersen


Dato : 20-12-06 02:47

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

Erik Ginnerskov (20-12-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 20-12-06 16:43

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



Jørn Andersen (20-12-2006)
Kommentar
Fra : Jørn Andersen


Dato : 20-12-06 20:30

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

Bertel Lund Hansen (20-12-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 20-12-06 10:29

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/

Erik Ginnerskov (20-12-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 20-12-06 16:41

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



Jørn Andersen (20-12-2006)
Kommentar
Fra : Jørn Andersen


Dato : 20-12-06 02:50

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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste