/ 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> uden linjeskift med CSS?
Fra : Jakob Højlev Jørgens~


Dato : 23-02-02 15:13

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


 
 
Kasper Kyndsberg (23-02-2002)
Kommentar
Fra : Kasper Kyndsberg


Dato : 23-02-02 15:54

"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



Rune Glerup (23-02-2002)
Kommentar
Fra : Rune Glerup


Dato : 23-02-02 17:25

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."

Kasper Kyndsberg (23-02-2002)
Kommentar
Fra : Kasper Kyndsberg


Dato : 23-02-02 18:06

"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


Jakob Højlev Jørgens~ (23-02-2002)
Kommentar
Fra : Jakob Højlev Jørgens~


Dato : 23-02-02 21:48


"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


Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408885
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste