---

Er det muligt at undgå linjeskift efter overskrifter (fx <H1>) ved hjælp af CSS?

Jeg vil gerne benytte HTML-formateringerne for overskrifter, men altså også gerne undgå, at browseren automatisk skifter linje...

Venlig hilsen
Jakob Højlev Jørgensen

---

"Jakob Højlev Jørgensen" <jakobhj@worldonline.dk> skrev
> Er det muligt at undgå linjeskift efter overskrifter (fx <H1>) ved hjælp
> af CSS?

Jeps... jeg har to eksempler til dig:

Eks. 1

<style type="text/css">
h1 {
display: inline;
}
[...]
</style>

På denne måde fortæller du, h1 elementet ikke længere er et blokelement, men
derimod et inline element på linie med f.eks. et span, et anker, osv.

Du kan også vælge at floate dit blokelement:

Eks. 2

<style type="text/css">
h1 {
float: left;
}
[...]
</style>

Med denne metode er den altså fortsat et blokelement, der er floatet. Her
kan du vælge at style din h1'er med boksmodellen - border, margin, padding
osv.

> Venlig hilsen
> Jakob Højlev Jørgensen

--
/Kasper
http://www.kyndsberg.dk

---

Kasper Kyndsberg skrev:

> Med denne metode er den altså fortsat et blokelement, der er floatet. Her
> kan du vælge at style din h1'er med boksmodellen - border, margin, padding
> osv.

Kan man ikke også det med et inline-element? Jeg plejer da fx til tider
at sætte border på <img>, der mig bekendt er et inline-element.

--
/Rune
w|http://kaboom.dk/

"Vi troede, det var den personlige computer der havde magien."

---

"Rune Glerup" <rune@kaboom.dk> skrev
> Kasper Kyndsberg skrev:
>
> > Med denne metode er den altså fortsat et blokelement, der er floatet.
Her
> > kan du vælge at style din h1'er med boksmodellen - border, margin,
padding
> > osv.
>
> Kan man ikke også det med et inline-element? Jeg plejer da fx til tider
> at sætte border på <img>, der mig bekendt er et inline-element.

Jeg har ærlig talt ikke læst dokumentationen, hvorfor jeg tager forbehold
for mine udtalelser.

Et billede er altid firkantet, hvorfor det altid vil blive behandlet som en
firkant.

Men, bliver et element behandlet korrekt, vil et inline element ikke kunne
styles korrekt efter boksmodellen.

Prøv at tage et kig på følgende side:
http://www.kyndsberg.dk/eksempler/boks_eller_ikke_boks.html

IE 5.0 og op til 5.5 ved jeg, vil style de ting jeg har lavet efter
boksmodellen - om de er blokelementer eller ej. Dette er en fejl i disse to
browsere (hvilket du i øvrigt gjorde mig opmærksom på, for et stykke tid
siden, hvis jeg ikke husker helt galt)

Men, hvis man kigger på dem med Opera 6.0 eller NS 6.2 (De to browsere jeg
har testet med), vil inline elementet godt nok få en border mv. men den vil
følge teksten rundt og ignorere at der er højde og bredde på elementet fordi
det er almindeligt inline element som ikke kan have disse egenskaber.

> /Rune


--
/Kasper
http://www.kyndsberg.dk

---

"Kasper Kyndsberg" <kasper@kyndsberg.sletmig.dk> skrev i en meddelelse news:3c77ace0$0$18456$ba624c82@nntp02.dk.telia.net...
> "Jakob Højlev Jørgensen" <jakobhj@worldonline.dk> skrev
> > Er det muligt at undgå linjeskift efter overskrifter (fx <H1>) ved hjælp
> > af CSS?

> Eks. 2
>
> <style type="text/css">
> h1 {
> float: left;
> }
> [...]
> </style>
>
> Med denne metode er den altså fortsat et blokelement, der er floatet. Her
> kan du vælge at style din h1'er med boksmodellen - border, margin, padding
> osv.

Tusind tak. Eksempel 2 virker tilmed i Netscape 4.7. Imponerende! Tak for hjælpen...

Jakob Højlev Jørgensen