/ 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
Afstand mellem tekst og horisontal rule
Fra : Henrik


Dato : 30-01-01 16:34

Hvordan formindsker jeg aftanden mellem tekst (eksempelvis en
overskrift) og en vandret linie (horisontal rule) - så det virker
både i IE og Netscape?

Jeg har forsøgt at angive margins til 0 i min CSS:

h1 {..; margin-bottom: 0pt;}

hr {height:3; color:#008000; margin-bottom: 0pt;
margin-top: 0pt; width:100%;}

Det virker bare ikke. Særligt i Netscape er der meget stor
afstand mellem tekst og vandret linie.

mvh Henrik

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

 
 
Jonas Astrup - html.~ (30-01-2001)
Kommentar
Fra : Jonas Astrup - html.~


Dato : 30-01-01 17:12

Henrik wrote in dk.edb.internet.webdesign.html:
> Hvordan formindsker jeg aftanden mellem tekst (eksempelvis en
> overskrift) og en vandret linie (horisontal rule) - så det virker
> både i IE og Netscape?

Hej Henrik,

Jeg har lige prøvet at se om jeg kunne få det til at funke i
Netscape 4 - men ak! Meget frustrerende :(

Som jeg ser det har du 3 muligheder:

1) Acceptere at NN4 viser din side en anelse anderledes. Husk at NN4
er blevet afløst af NN6, og derfor er på vej ud.

2) Sætte en baggrund på din overskrift, som giver samme effekt. Det
vil sige at du blot laver en tynd streg som grafik og lægger den som
baggrund på din overskrift - bemærk at NN4 så skal have vidden på
dine overskrift til 100%.

3) Positionere din <hr> relativt et antal pixel op - f.eks. sådan
her:
hr {position:relative;top:-10px;left:0px;}

Det var hvad jeg kunne komme i tanke om af løsninger. måske er der
andre som har noget bedre ?

Iøvrigt vil jeg anbefale dig løsning nummer 1 - primært fordi du
derved koder mest simpelt, istedet for at forsøge at rette på NN4's
(eller andre browseres) fejl.

Håber du kunne bruge det til noget.

Mvh
Jonas

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Henrik (30-01-2001)
Kommentar
Fra : Henrik


Dato : 30-01-01 17:21

Tak for et hurtigt svar.

Jeg er lige kommet i tanke om, at jeg måske kan løse problemet i
forbindelse med overskriften ved at skrive overskriften i en tabelcelle
med vist bundramme og med de andre rammer usynlige.

Jeg er dog klar over, at Netscape ikke viser farver på vandrette linier
og tabelkanter. Jeg prøver mig frem.

Hvis det ikke virker, er jeg enig i, at jeg bør acceptere det andet
layout i Netscape.

mvh Henrik

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Allan Vebel (30-01-2001)
Kommentar
Fra : Allan Vebel


Dato : 30-01-01 20:59

Henrik <hl@iwc.dk> skrev:

> overskriften i en tabelcelle med vist bundramme
> og med de andre rammer usynlige

Hm, hvad med:
.......
hr {
height:3;
color:#008000;
}
..overskrift {
font-family:arial,verdana,sans-serif;
font-size: 30px;
font-weight:bold;
}
.......
<body>
<span class="overskrift">Overskrift</span>
<hr>

Det ligner da en <h1> og laver ikke denne afstand til den efterfølgende
tekst - heller ikke i NN.

> Jeg er dog klar over, at Netscape ikke viser farver
> på vandrette linier

Her kan du bruge

<img src="greendot.gif" width="100%" height="3">

hvor filen er for eksempel 10x10 pixels i den farve du vil have din linie
(eller hvor du ellers har brug for et farvet felt). Den kan du hive i eller
skubbe sammen som det passer dig - og den fylder kun 41 bytes.

--
Allan Vebel
allan@vebel.dk
www.vebel.dk
Fakta ophører ikke med at eksistere, fordi man ignorerer dem.




Jonas Astrup - html.~ (30-01-2001)
Kommentar
Fra : Jonas Astrup - html.~


Dato : 30-01-01 23:28

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Det ligner da en <h1> og laver ikke denne afstand
> til den efterfølgende tekst - heller ikke i NN.

... Til gengæld mister man mister jo strukturen i HTML-koden - det er jo
ligesom at bruge <font> - aadddrr :-/

Mvh
Jonas

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Allan Vebel (31-01-2001)
Kommentar
Fra : Allan Vebel


Dato : 31-01-01 00:59

Jonas Astrup - html.dk <astrup@e-mail.dk> skrev:
>
> .. Til gengæld mister man mister jo strukturen i HTML-koden.

Så længe vi har NN4 på banen, så løser det jo mandens problem - og når man
ikke kan manipulere <h1> med css så NN4 forstår det, så vil der altid komme
sådanne snydeløsninger - struktur eller ej

> det er jo ligesom at bruge <font> - aadddrr :-/

Det er ikke enig i. <font> er depricated i standarden - det er <span> ikke.

--
Allan Vebel
allan@vebel.dk
www.vebel.dk
Fakta ophører ikke med at eksistere, fordi man ignorerer dem.



Jonas Astrup - html.~ (31-01-2001)
Kommentar
Fra : Jonas Astrup - html.~


Dato : 31-01-01 14:32

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Det er ikke enig i. <font> er depricated i standarden
> - det er <span> ikke.

OK, nu er det heller ikke for at vi skal tærske langhalm på den her. Jeg tror
vi er ret enige. Men min pointe var bare at der ikke var den store forskel på
om man udskiftede <h1> med <font size="5"> eller <span
style="font-size:20px"> - altså lige bortset fra at <font> jo er depricated.
Ulempen er jo så at sige den samme.

Mvh
Jonas



--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Allan Vebel (31-01-2001)
Kommentar
Fra : Allan Vebel


Dato : 31-01-01 21:58

Jonas Astrup - html.dk <astrup@e-mail.dk> skrev:
>
> > om man udskiftede <h1> med <font size="5"> eller <span
> style="font-size:20px"> - altså lige bortset fra at <font> jo er
depricated.
> Ulempen er jo så at sige den samme.

Ja, hvis vi snakker xml - så vil jeg medgive at det ikke er godt - men til
html, hvor det fortsat skal kunne vises i handikappede browsere - tja?:o]

--
Allan



Henrik (31-01-2001)
Kommentar
Fra : Henrik


Dato : 31-01-01 14:44

Allan Vebel wrote in dk.edb.internet.webdesign.html:

> Hm, hvad med:
> .......
> <body>
> <span class="overskrift">Overskrift</span>
> <hr>

Ja, det virker, bortset fra at <div>-class er bedre end <span>-class til at
styre text-align og margin-top. Jeg har derfor valgt <div class="overskrift1>.

Med hensyn til farver på vandret streg i Netscape skrev Allan Vebel:

> Her kan du bruge
>
> <img src="greendot.gif" width="100%" height="3">

Tak for rådet. Ja, det kan godt nok løse "mandens" problem, men her er jeg
enig med Jonas Astrup i, at det giver en dårlig HTML-struktur. Jeg har derfor
valgt at acceptere de manglende Netscape-farver.

Det kan i øvrigt undre, at <h1> er så ufleksibel i Netscape.

Henrik

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Jonas Astrup - html.~ (31-01-2001)
Kommentar
Fra : Jonas Astrup - html.~


Dato : 31-01-01 15:28

Henrik wrote in dk.edb.internet.webdesign.html:
> Det kan i øvrigt undre, at <h1> er så ufleksibel i Netscape.

Heldigvis har de rettet "alle fejlene" i Netscape 6 - det er en dejlig browser :)

Mvh
Jonas

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Kjaer og Monsson (02-02-2001)
Kommentar
Fra : Kjaer og Monsson


Dato : 02-02-01 19:19

> Heldigvis har de rettet "alle fejlene" i Netscape 6 - det er en dejlig
browser :)

Den vil bare ikke starte hos mig (Åh jeg nu bliver jeg jo sagsøgt for at
bruge , da en eller anden har taget patent på )

Hilsen Peter

, , .



Allan Vebel (31-01-2001)
Kommentar
Fra : Allan Vebel


Dato : 31-01-01 21:50

Henrik <hl@iwc.dk> skrev:

> > <img src="greendot.gif" width="100%" height="3">
>
> løse "mandens" problem, men

Undskyld, Henrik - jeg burde have skrevet Henriks problem

> enig med Jonas Astrup i, at det giver en dårlig HTML-struktur. Jeg har
derfor
> valgt at acceptere de manglende Netscape-farver.

Jeg tror ikke at det var stregen, som Jonas mente gav dårlig struktur - det
var min <span>løsning i stedet for <h1>.

Stregen er jo bare et billede som så mange andre billeder - og en anvisning
på at det altså kan lade sig gøre at få det til at se nogenlunde ens ud i de
2 browsere.

> Det kan i øvrigt undre, at <h1> er så ufleksibel i Netscape.

Jeg tror ikke den er ufleksibel i NN - den er bare for fleksibel i IE. En
<hx> er en headline - og meningen med den er at den skal lave en afstand til
det efterfølgende afsnit.

--
Allan




Henrik (01-02-2001)
Kommentar
Fra : Henrik


Dato : 01-02-01 10:16

Allan Vebel wrote in dk.edb.internet.webdesign.html:

> Jeg tror ikke at det var stregen, som Jonas mente gav dårlig struktur - det
> var min <span>løsning i stedet for <h1>.

Ja, det kan jeg godt se nu.
Alligevel synes jeg, at det (dog hos mig <div>løsningen) er den mindst
komplicerede måde at løse det primære problem - nemlig den nævnte afstand. Der
er heller ingen w3c-problemer med den (transitional).

> Stregen er jo bare et billede som så mange andre billeder - og en anvisning
> på at det altså kan lade sig gøre at få det til at se nogenlunde ens ud i
> de 2 browsere.

Ja, jeg kan godt se, at det kan lade sig gøre, men jeg har fravalgt det, fordi
jeg gætter på, at det lidt længere tid, at loade en img end f.eks. at anvende
<div class="overskrift1">.

> Jeg tror ikke den er ufleksibel i NN - den er bare for fleksibel i IE. En
> <hx> er en headline - og meningen med den er at den skal lave en afstand
> til det efterfølgende afsnit.

Jeg er enig i, at html bør være simpelt at anvende. Det er godt, at alle kan
skrive noget læseligt med en meget basal viden. Men jeg mener alligevel, at
der med tilpas viden og ihærdighed bør være muligheder for at forfine layoutet
til det præcist ønskede. Der er ingen grund til at fravælge de rafinerede
muligheder - der er jo ingen tvang til at anvende dem.

Jeg er i øvrigt glad for at have fået så mange løsningsforslag til det nævnte
problem

Henrik

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Allan Vebel (01-02-2001)
Kommentar
Fra : Allan Vebel


Dato : 01-02-01 12:54

Henrik <hl@iwc.dk> skrev:
>
> Ja, jeg kan godt se, at det kan lade sig gøre, men jeg har fravalgt det,
fordi
> jeg gætter på, at det lidt længere tid, at loade en img end f.eks. at
anvende
> <div class="overskrift1">.

Du blander vist tingene lidt sammen

Billedet var til stregen:

<jeg_skrev>
<img src="greendot.gif" width="100%" height="3">
hvor filen er for eksempel 10x10 pixels i den farve du vil have din linie
(eller hvor du ellers har brug for et farvet felt). Den kan du hive i eller
skubbe sammen som det passer dig - og den fylder kun 41 bytes.
</jeg_skrev>

og du skal godt nok have mange streger før du kan mærke forskel - og de 41
bytes ligger allerede i cachen med den første streg.

Du kan faktisk have width og height for stregen i css - så skal det kun
skrives ét sted.
--
Allan






Henrik (01-02-2001)
Kommentar
Fra : Henrik


Dato : 01-02-01 14:15

I skriver og skriver. Jeg kan næsten ikke følge med

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Du blander vist tingene lidt sammen
>
> Billedet var til stregen:

Ja, sikken noget vrøvl jeg fik skrevet. Jeg mente egentligt, at img (inklusiv
strækning af gif'en) måske tager længere tid at loade end <hr>. Men ok, du
har jo nok ret i at forskellen næsten ikke kan mærkes.

Henrik

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Jonas Astrup - html.~ (01-02-2001)
Kommentar
Fra : Jonas Astrup - html.~


Dato : 01-02-01 12:56

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Jeg tror ikke den er ufleksibel i NN - den er bare
> for fleksibel i IE.

Ja, hvis fleksibel = "understøtter W3C-standarderne for CSS"

> En <hx> er en headline - og meningen med den er at
> den skal lave en afstand til det efterfølgende afsnit.

<hx> er en strukturel markering af en overskrift. Der findes ingen regler om
hvordan browsere skal fortolke overskrifter. Tværtimod skal man kunne styre
dette i meget vid grad med CSS.
Se f.eks. eksempel på run-in overskrift her:
http://www.w3.org/TR/REC-CSS2/visuren.html#run-in

Så jeg vil fastholde at det her skyldes Netscape 4 har en elendig
understøttelse af W3C-standarder. Det har overhovedet intet at gøre med
Internet Explorer. Netscape 6 har heldigvis en glimrende understøttelse af
W3C-standarder - og man kan jo blot opfordre alle til at udskifte deres 4'er
med 6'eren:
http://home.netscape.com/download/

De bedste hilsner
Jonas

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Allan Vebel (01-02-2001)
Kommentar
Fra : Allan Vebel


Dato : 01-02-01 13:58

Jonas Astrup - html.dk <astrup@e-mail.dk> skrev:

> Tværtimod skal man kunne styre
> dette i meget vid grad med CSS.

<hx> har fungeret sådan længe inden css blev opfundet.

> Så jeg vil fastholde at det her skyldes Netscape 4 har en elendig
> understøttelse af W3C-standarder.

Her er vi for en gangs skyld enige

--
Allan




Jonas Astrup - html.~ (01-02-2001)
Kommentar
Fra : Jonas Astrup - html.~


Dato : 01-02-01 19:12

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> <hx> har fungeret sådan længe inden css blev opfundet.

Det jeg mener er, at man ikke kan sige, at en browser SKAL fortolke
overskrifter på en speciel måde. F.eks. bliver <blockquote> ofte vist
i browsere med en indrykning. Men det er der ingen regler eller
standarder der siger noget om.

Så hvis der pludselig kom en browser, som istedet skrev indholdet i
<blockquote> bagfra med pink kursiveret skrift, ville den jo ikke være
forkert - eller i strid med W3C-standarderne. Den ville blot have et
andet visuelt udtryk.

At der så har været tradition for at <hx> bliver vist på en speciel
måde (med ekstra margen til tekstafsnit) er sikkert rigtigt - MEN det
betyder ikke at man kan sige at Netscape 4 gør det specielt rigtigt -
den er bare traditionel.

> > Så jeg vil fastholde at det her skyldes Netscape 4 har en elendig
> > understøttelse af W3C-standarder.
> Her er vi for en gangs skyld enige

Ahhh - det var da dejligt ;)

Mvh
Jonas



--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Gunnar Vestergaard (01-02-2001)
Kommentar
Fra : Gunnar Vestergaard


Dato : 01-02-01 20:26

Allan Vebel <allan@vebel.dk> wrote:
> Jeg tror ikke den er ufleksibel i NN - den er bare for fleksibel i IE. En
> <hx> er en headline - og meningen med den er at den skal lave en afstand til
> det efterfølgende afsnit.
Den holder ikke. Lad os blive enige om at NN er alt for ufleksibel. Det
må være sideforfatterens gode ret at være i stand til at ændre alt det
der ønskes ændret.

--
Gunnar Vestergaard
668 - Neighbour of the Beast

Gunnar Vestergaard (01-02-2001)
Kommentar
Fra : Gunnar Vestergaard


Dato : 01-02-01 20:26

Henrik <hl@iwc.dk> skrev:

> Hvordan formindsker jeg aftanden mellem tekst (eksempelvis en
> overskrift) og en vandret linie (horisontal rule) - så det virker
> både i IE og Netscape?
>
> Jeg har forsøgt at angive margins til 0 i min CSS:
>
> h1 {..; margin-bottom: 0pt;}
>
> hr {height:3; color:#008000; margin-bottom: 0pt;
> margin-top: 0pt; width:100%;}
>
> Det virker bare ikke. Særligt i Netscape er der meget stor
> afstand mellem tekst og vandret linie.
Når man laver style sheets til Internet Explorer så kommer det til at
virke nogenlunde, hvis ikke fint. Men til Netscape ældre end version 6,
så kan man regne med at få en hovedpine.

HR er ikke indeholdt i CSS1, og det er vist det eneste som Netscape 4.x
understøtter.

--
Gunnar Vestergaard
668 - Neighbour of the Beast

Gunnar Vestergaard (01-02-2001)
Kommentar
Fra : Gunnar Vestergaard


Dato : 01-02-01 20:48

Henrik <hl@iwc.dk> skrev:

> Hvordan formindsker jeg aftanden mellem tekst (eksempelvis en
> overskrift) og en vandret linie (horisontal rule) - så det virker
> både i IE og Netscape?
>
> Jeg har forsøgt at angive margins til 0 i min CSS:
>
> h1 {..; margin-bottom: 0pt;}
>
> hr {height:3; color:#008000; margin-bottom: 0pt;
> margin-top: 0pt; width:100%;}
>
> Det virker bare ikke. Særligt i Netscape er der meget stor
> afstand mellem tekst og vandret linie.
Når man laver style sheets til Internet Explorer så kommer det til at
virke nogenlunde, hvis ikke fint. Men til Netscape ældre end version 6,
så kan man regne med at få en hovedpine.

HR er ikke indeholdt i CSS1, og CSS1 er vist det eneste som Netscape 4.x
understøtter.

--
Gunnar Vestergaard
668 - Neighbour of the Beast

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

Månedens bedste
Årets bedste
Sidste års bedste