/ 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
Farve på <hr>
Fra : Søren Madsen


Dato : 31-03-03 14:06

Er det "lovligt" at sætte farve på sin horisontale linje,- og hvordan gør
man? - jeg kan godt få det til at virke i IE (med eks. color="000000") - men
hvordan gør man, så det virker i eks. Mozilla?

Mvh.
--
Søren Madsen



 
 
Andreas Haugstrup Pe~ (31-03-2003)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 31-03-03 14:08

"Søren Madsen" <zorn@home.no> wrote in news:b69eaq$100$1@sunsite.dk:

> Er det "lovligt" at sætte farve på sin horisontale linje,- og hvordan
> gør man? - jeg kan godt få det til at virke i IE (med eks.
> color="000000") - men hvordan gør man, så det virker i eks. Mozilla?

Ifølge CSS specifikationen skal farve på <hr /> defineres som background-
color og ikke color. Uheldigvis er dette ikke understøttet af IE. For at få
alle med definér da både color og background-color.

--
Andreas
<http://www.solitude.dk>

Jens Gyldenkærne Cla~ (31-03-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 31-03-03 14:15

Andreas Haugstrup Pedersen skrev:

> Ifølge CSS specifikationen skal farve på <hr /> defineres som
> background- color og ikke color.

Hvor ser du det henne?

> Uheldigvis er dette ikke understøttet af IE.

Opera forstår heller ikke background-color på en hr.

> For at få alle med definér da både color og background-color.

- og border-color, hvis Opera også skal med.

Se også eksemplerne på <http://damu.dk/jc/usenet/hr.shtml>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Andreas Haugstrup Pe~ (31-03-2003)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 31-03-03 15:31

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote in
news:Xns934F9B355446Ajcdmfdk@gyrosmod.dtext.news.tele.dk:

> Andreas Haugstrup Pedersen skrev:
>
>> Ifølge CSS specifikationen skal farve på <hr /> defineres som
>> background- color og ikke color.
>
> Hvor ser du det henne?

På en underside af <http://www.opera.com> under forskelle mellem IE og
Opera. De har ikke løjet for mig endnu

>> Uheldigvis er dette ikke understøttet af IE.
>
> Opera forstår heller ikke background-color på en hr.

Jo, det gør Opera.

>> For at få alle med definér da både color og background-color.
>
> - og border-color, hvis Opera også skal med.
>
> Se også eksemplerne på <http://damu.dk/jc/usenet/hr.shtml>

Du kunne jo starte med at define en height for dine <hr /> elementer.
Ellers falder den tilbage på 'auto' Du kan selv gætte dig til hvor højt
det bliver for et tomt element

--
Andreas
<http://www.solitude.dk>

Jens Gyldenkærne Cla~ (31-03-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 31-03-03 20:55

Andreas Haugstrup Pedersen skrev:

>>> Ifølge CSS specifikationen skal farve på <hr /> defineres
>>> som background- color og ikke color.

>> Hvor ser du det henne?

> På en underside af <http://www.opera.com> under forskelle
> mellem IE og Opera. De har ikke løjet for mig endnu

Kan du give en mere specifik henvisning?

Bortset fra det er det jo ikke Opera der definerer CSS. I css-
definitionen kan man læse at color, background-color og border-
color sætter hhv. forgrunds-, baggrunds- og kantfarve for et givent
element - men intet om hvordan man skal opfatte et specifikt html-
element som hr.

Slår man hr op i html-specifikationen[1] står der ikke noget om hvordan
den skal opfattes. Specifikt står der om højden (size) på en hr at
defaultværdien er afhængig af browseren.

[Opera og background-color på hr]
> Du kunne jo starte med at define en height for dine <hr />
> elementer. Ellers falder den tilbage på 'auto' Du kan selv
> gætte dig til hvor højt det bliver for et tomt element

Mine hr-elementer vises fint i Opera med en autohøjde. Hvis jeg
skal definere højden specifikt skal det gøres for alle hr-elementer
(både farvede og ikke-farvede) for at være sikker på at de får
samme højde. Når jeg nu er fint tilfreds med den standardhøjde som
Opera m.fl. sætter på en hr, hvorfor skulle jeg så ændre værdien?

Noter:
======

[1] <http://www.w3.org/TR/html401/present/graphics.html#edef-HR>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Andreas Haugstrup Pe~ (31-03-2003)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 31-03-03 21:36

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote in
news:Xns934FDF024E17jcdmfdk@gyrosmod.cybercity.dk:

> Andreas Haugstrup Pedersen skrev:
>
>>>> Ifølge CSS specifikationen skal farve på <hr /> defineres som
>>>> background- color og ikke color.
>
>>> Hvor ser du det henne?
>
>> På en underside af <http://www.opera.com> under forskelle mellem IE og
>> Opera. De har ikke løjet for mig endnu
>
> Kan du give en mere specifik henvisning?

Nej, det gider jeg ikke grave i.

> Bortset fra det er det jo ikke Opera der definerer CSS. I css-
> definitionen kan man læse at color, background-color og border-
> color sætter hhv. forgrunds-, baggrunds- og kantfarve for et givent
> element - men intet om hvordan man skal opfatte et specifikt html-
> element som hr.

Så må du jo selv til at bruge hovedet. Border angiver farven på borderen,
og på en hr uden defineret height er det det eneste synlige da højden på et
tomt element er .. tom.

Color giver ikke mening da der ikke er noget indhold man kan give en color.

Background derimod giver mening da der bliver vist en baggrundsfarve selv
på tomme elementer (forudsat at de har en højde!).

> Slår man hr op i html-specifikationen[1] står der ikke noget om hvordan
> den skal opfattes. Specifikt står der om højden (size) på en hr at
> defaultværdien er afhængig af browseren.

Der står også at size er deprecated. Du får nok mere ud af tage en tur over
i CSS specifikationen og slå height op.

<http://www.w3.org/TR/REC-CSS2/visudet.html#the-height-property>

> Mine hr-elementer vises fint i Opera med en autohøjde. Hvis jeg
> skal definere højden specifikt skal det gøres for alle hr-elementer
> (både farvede og ikke-farvede) for at være sikker på at de får
> samme højde. Når jeg nu er fint tilfreds med den standardhøjde som
> Opera m.fl. sætter på en hr, hvorfor skulle jeg så ændre værdien?

Hvis du bare vil have en hr med en gennemsigtig baggrund, og farvede
borders så behøver du heller ikke sætte en height. Hvis du vil have en hr
med en farvet baggrund så skal du sætte en height.

Du kan aldrig være sikker på at browserfabrikanterne bliver ved at vise en
ren hr uden CSS med borders, så derfor kan du lige så godt vænne dig til at
skrive alle dine CSS-regler, og ikke håbe på at browsernes
standardinstillinger er ens (og uændrede over tid).

Mht. til at få samme højde for farvede og ikke farvede hr's så tror jeg nok
du overlever at skulle skrive den ene extra linje ind i dit stylesheet.
Herregud det vil jo bare se ud som:

hr {
   border:none;
   height:2px;
}
hr.farve {
   background:red;
}

Så har du også den fordel at din hr har den samme højde i alle browsere!

--
Andreas
<http://www.solitude.dk>

Martin Poulsen (31-03-2003)
Kommentar
Fra : Martin Poulsen


Dato : 31-03-03 22:20

Jens Gyldenkærne Clausen wrote:

> Kan du give en mere specifik henvisning?

Et bud: http://www.opera.com/docs/specs/#css

--
Martin

Jens Gyldenkærne Cla~ (31-03-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 31-03-03 22:41

Andreas Haugstrup Pedersen skrev:

>> Kan du give en mere specifik henvisning?
>
> Nej, det gider jeg ikke grave i.

O.k. - så er referencen bare ikke så meget værd.

Google hjælper heller ikke:
<http://www.google.com/search?q=hr+site%3Aopera.com>

> Så må du jo selv til at bruge hovedet. Border angiver farven
> på borderen, og på en hr uden defineret height er det det
> eneste synlige da højden på et tomt element er .. tom.

Det kommer vel an på om man opfatter linjen som indhold eller kant.
Jeg kan se tre forskellige måder at opfatte hr-elementets
standardværdi på:

1) En boks uden kant eller baggrund med et pseudo-billede som
streg:
<div style="border: none;"><img src="streg" /></div>

2) En boks uden kanter men men en baggrundsfarve forskellig fra den
almindelige baggrundsfarve og en given højde.
<div style="border: none; background-color: gray; height:
2px;"></div>

3) En boks uden højde, men med kanter.
<div style="border: solid 1px gray;"><div>


1, 2 og 3 svarer (sådan cirka) til IE, Mozilla og Operas måde at
opfatte hr på. Jeg skal gerne medgive at 1 virker underlig (jeg kan
dog ikke afvise den som direkte forkert), men jeg kan ikke se at 3
skulle være mere korrekt end 2.

Baggrundsfarven på et element med højden nul kan naturligvis ikke
ses - men er det mere logisk at ændre standardværdien for border-
styles (none) end at ændre standardværdien for højde?


>> (size) på en hr at defaultværdien er afhængig af browseren.

> Der står også at size er deprecated.

Fordi size som alle andre attributter vedr. udseende er afløst af
css. Men css-specifikationen fortæller ikke hvordan hr skal
fortolkes.


> Du får nok mere ud af tage en tur over i CSS specifikationen og
> slå height op.

Jeg kan ikke se hvad standardværdien for højde på et hr-element er
i css-definitionen. Boksmodellen beskriver hvordan man beregner
størrelser for elementer der indeholder andre elementer. Men der er
ikke - så vidt jeg kan se - nogen beskrivelse af et element som hr.
Man kan opfatte det som et tomt blokelement - men det vil være det
samme som at sige det ikke skal vises medmindre man styler det
speicielt. Og det er hverken tilfældet i praksis eller i
intentionerne med hr.


> Hvis du bare vil have en hr med en gennemsigtig baggrund, og
> farvede borders så behøver du heller ikke sætte en height.
> Hvis du vil have en hr med en farvet baggrund så skal du sætte
> en height.

Hvis jeg bare vil have en farvet hr klarer jeg mig fint med at
sætte farven for color, background-color og border-color. Jeg kunne
sikkert opnå samme effekt ved at udskifte border-color med en højde
- men så skal jeg også sætte højden på kanterne for ikke at få
meget forskellige resultater i forskellige browsere.

> Du kan aldrig være sikker på at browserfabrikanterne bliver
> ved at vise en ren hr uden CSS med borders,

Øh - siger du at <hr /> uden nogen style-definition bliver
ubrugelig? Det har jeg mere end svært ved at tro. Så længe hr
findes i (X)html-definitionen skal browserfabrikanterne nok sørge
for at den som standard vises på en eller anden måde.

> så derfor kan du lige så godt vænne dig til at skrive alle
> dine CSS-regler, og ikke håbe på at browsernes
> standardinstillinger er ens (og uændrede over tid).

Min nuværende model[1] lader størrelsen af hr-elementet være op til
browseren, mens farven sættes alle de steder det kan sættes. Jeg
tvivler på at det vil komme til at give et uønsket resultat i
overskuelig fremtid.


> hr {
> border:none;
> height:2px;
> }

Nu er almindelige hr-elementer usynlige i Opera. Så jeg skal altså
også definere en fast farveværdi hvis det skal virke.

Det er da ikke det store problem med de ekstra par kodelinjer. Men
jeg kan ikke lide at pille ved andre indstillinger end dem jeg rent
faktisk gerne vil have ændret.

> Så har du også den fordel at din hr har den samme højde i alle
> browsere!

Jeg har ikke behov for at vide at højden er præcis den samme i alle
browsere. Jeg har fuld tiltro til at hver enkelt browsers
standardværdi er forholdsvis fornuftig. I praksis er Opera og IE
ikke til at skelne fra hinanden, mens Mozillas hr'er er en smule
bredere.

Noter:
======

[1] Som jeg i parantes bemærket ikke bruger i praksis da jeg endnu ikke
har haft behov for farvede hr'er
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Andreas Haugstrup Pe~ (01-04-2003)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 01-04-03 07:15

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote in
news:Xns934FF0D61F609jcdmfdk@gyrosmod.cybercity.dk:

> Det kommer vel an på om man opfatter linjen som indhold eller kant.
> Jeg kan se tre forskellige måder at opfatte hr-elementets
> standardværdi på:
>
> 1) En boks uden kant eller baggrund med et pseudo-billede som
> streg:
> <div style="border: none;"><img src="streg" /></div>

Sådan er der ingen browsere der ser en hr.

> 2) En boks uden kanter men men en baggrundsfarve forskellig fra den
> almindelige baggrundsfarve og en given højde.
> <div style="border: none; background-color: gray; height:
> 2px;"></div>

Sådan bør en hr ikke opfattes da en hr som default vil have height:auto;
(altså ingen højde).

> 3) En boks uden højde, men med kanter.
> <div style="border: solid 1px gray;"><div>

Bingo. Sådan bør en browser opfatte en hr indtil andre css-regler er sat.

> 1, 2 og 3 svarer (sådan cirka) til IE, Mozilla og Operas måde at
> opfatte hr på. Jeg skal gerne medgive at 1 virker underlig (jeg kan
> dog ikke afvise den som direkte forkert), men jeg kan ikke se at 3
> skulle være mere korrekt end 2.

<http://www.w3.org/TR/REC-CSS2/sample.html>
En hr uden egne css regler bør opfattes som:

HR { border: 1px inset }

Altså et tomt element, med ingen højde hvor kun en border vises. Sjovt nok
sådan som Opera viser en hr
Så tre er korrekt, et og to er forkerte.

> Baggrundsfarven på et element med højden nul kan naturligvis ikke
> ses - men er det mere logisk at ændre standardværdien for border-
> styles (none) end at ændre standardværdien for højde?

Det kommer an på hvad du vil opnå. Hvis du bare vil have en solid farve må
du da godt more dig. Dog er det noget lettere at bruge background hvis du
skal have en specifik højde (siden du skal bruge border:2px; for at så en
hr på 4px, og du skal lave fiksfakserier for at få en hr på 1px).

> Fordi size som alle andre attributter vedr. udseende er afløst af
> css. Men css-specifikationen fortæller ikke hvordan hr skal
> fortolkes.

<http://www.w3.org/TR/REC-CSS2/sample.html>

>> Du får nok mere ud af tage en tur over i CSS specifikationen og slå
>> height op.
>
> Jeg kan ikke se hvad standardværdien for højde på et hr-element er
> i css-definitionen. Boksmodellen beskriver hvordan man beregner
> størrelser for elementer der indeholder andre elementer. Men der er
> ikke - så vidt jeg kan se - nogen beskrivelse af et element som hr.
> Man kan opfatte det som et tomt blokelement - men det vil være det
> samme som at sige det ikke skal vises medmindre man styler det
> speicielt. Og det er hverken tilfældet i praksis eller i
> intentionerne med hr.

Højden for en hr uden angivet højde er "auto". Dvs. 0 for et tomt element.
Prøv selv at lege med tomme <p> med angivet background og border. Her er
det sjovt nok også kun border der bliver vist indtil du sætter en height.

> > Du kan aldrig være sikker på at browserfabrikanterne bliver ved at
> > vise en ren hr uden CSS med borders,

> Øh - siger du at <hr /> uden nogen style-definition bliver
> ubrugelig?

Úndskyld, det var min fejl. Der skulle stå "browserfabrikanterne bliver ved
med at vise en ren hr uden styles *ens*"

--
Andreas
<http://www.solitude.dk>

Lasse Reichstein Nie~ (01-04-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 01-04-03 07:28

Jens Gyldenkærne Clausen <jens@gyros.invalid> writes:

[size deprecated]

> Fordi size som alle andre attributter vedr. udseende er afløst af
> css. Men css-specifikationen fortæller ikke hvordan hr skal
> fortolkes.

Joda. Lige som alle andre elementer. Det interessante er hvad
*default*-værdier den får tildelt. Her er der ikke nogen standard (for
noget som helst HTML-element), kun et vejledende forslag i appendix D
af CSS-standarden. <URL:http://www.w3.org/TR/CSS21/sample.html>)

Den siger at hr kan gives egenskaberne:
hr { display:block; border:1px inset; }
Et tomt block-element (altså nul højde og 100% bredde) med 1px border
på hver side. Da der ikke er givet nogen borderfarve vil den blive taget
fra textfarven. Altså både
border-color: red
og
color: red
vil ændre hr'ens kantfarve.

Så vidt jeg kan se giver Opera en ekstra "border-color:gray" (eller
noget i den stil), så "color:red" virker ikke. Den har vist også
"margin:0 auto" der sørger for at hr'en er centreret hvis man giver
den en bredde på under 100%.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Jens Gyldenkærne Cla~ (31-03-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 31-03-03 22:48

Martin Poulsen skrev:

>> Kan du give en mere specifik henvisning?
>
> Et bud: http://www.opera.com/docs/specs/#css

Det må være den (takker). Sjovt nok skriver de:

,--------
| The displayed color of an hr is set with the background-color CSS
| property in Opera and Netscape 6+. In Netscape 4 and IE it is set
| with the color property. Setting both properties to the desired
| color will give the same result in all browsers.
`--------

- altså intet om at sætte border-color, på trods af at Opera ikke
viser background-color medmindre der er sat en specifik højde. Det
virker mærkeligt at de ikke omtaler denne forskel på
Mozilla/Netscape og Opera.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Martin Poulsen (31-03-2003)
Kommentar
Fra : Martin Poulsen


Dato : 31-03-03 23:05

Jens Gyldenkærne Clausen wrote:

> Martin Poulsen skrev:
>
>>> Kan du give en mere specifik henvisning?
>>
>> Et bud: http://www.opera.com/docs/specs/#css
>
> Det må være den (takker). Sjovt nok skriver de:

Jeg synes heller ikke de skriver, at CSS-specifikationen siger, at
farve på hr-elementet, skal angives som background-color.

--
Martin

Jens Gyldenkærne Cla~ (01-04-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-04-03 09:08

Andreas Haugstrup Pedersen skrev:

>> <div style="border: none;"><img src="streg" /></div>
>
> Sådan er der ingen browsere der ser en hr.

Før jeg så Lasses beskrivelse af at kantfarven kan nedarves fra
forgrundsfarven var det ellers den eneste måde jeg kunne beskrive
IE's opførsel på.



>> 3) En boks uden højde, men med kanter.
>> <div style="border: solid 1px gray;"><div>
>
> Bingo. Sådan bør en browser opfatte en hr indtil andre
> css-regler er sat.

Jeg har svært ved at se at det skulle kunne læses ud af selve
definitionen.


> <http://www.w3.org/TR/REC-CSS2/sample.html>
> En hr uden egne css regler bør opfattes som:
>
> HR { border: 1px inset }

Ovenstående er til gengæld ikke til at tage fejl af. Men det nævnte
css-ark er bare ikke normativt - det er altså alene en vejledning.


>> er det mere logisk at ændre standardværdien for border-
>> styles (none) end at ændre standardværdien for højde?

> Det kommer an på hvad du vil opnå.
> ... Dog er det noget lettere at bruge background hvis du skal
> have en specifik højde

Hvis jeg vil have en specifik højde er det naturligvis ganske
logisk at ændre standardværdien for højde ;). Jeg skrev ud fra den
forudsætning at det bare var farven der skulle ændres.


> Højden for en hr uden angivet højde er "auto". Dvs. 0 for et
> tomt element. Prøv selv at lege med tomme <p> med angivet
> background og border. Her er det sjovt nok også kun border der
> bliver vist indtil du sætter en height.

Et p-element er ingenting i sig selv. Det er ikke det samme som et
hr-element.


> Úndskyld, det var min fejl. Der skulle stå
> "browserfabrikanterne bliver ved med at vise en ren hr uden
> styles *ens*"

Jeg tvivler på at forskellene bliver markant større end de er i
dag. I praksis vil det formentlig være IE's standardvisning af en
hr der er normsættende for hvordan en ren hr vises i alle større
browsere.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Andreas Haugstrup Pe~ (01-04-2003)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 01-04-03 09:19

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote in
news:Xns93506712AB62jcdmfdk@gyrosmod.dtext.news.tele.dk:

> Et p-element er ingenting i sig selv. Det er ikke det samme som et
> hr-element.

Det er noget sludder. Et tomt p-element er præcis det samme som et tomt hr-
element.

--
Andreas
<http://www.solitude.dk>

Jens Gyldenkærne Cla~ (01-04-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-04-03 09:33

Lasse Reichstein Nielsen skrev:

>> css-specifikationen fortæller ikke hvordan hr skal fortolkes.

> Joda. Lige som alle andre elementer.

Hvordan det? Så vidt jeg ved definerer css-specifikationen ikke
noget om nogle html-elementer. Html-specifikationen fortæller om et
element er et blokelement eller et inline-element, og i css-
specifikationen kan man så læse hvilke egenskaber man kan sætte for
de to typer (samt diverse table-typer o.l.). Har jeg misforstået
noget?


> Det interessante er hvad *default*-værdier den får tildelt. Her
> er der ikke nogen standard (for noget som helst HTML-element),
> kun et vejledende forslag i appendix D af CSS-standarden.

Netop.


> Den siger at hr kan gives egenskaberne:
> hr { display:block; border:1px inset; }

"The Opera Way" ser altså umiddelbart ud til at være tættest på
vejledningen?


> Et tomt block-element (altså nul højde og 100% bredde) med 1px
> border på hver side. Da der ikke er givet nogen borderfarve
> vil den blive taget fra textfarven. Altså både
> border-color: red
> og
> color: red
> vil ændre hr'ens kantfarve.

Interessant. Så IE's opførsel med at farve en hr når man bruger
color er altså ikke helt ved siden af?


> Så vidt jeg kan se giver Opera en ekstra "border-color:gray"
> (eller noget i den stil), så "color:red" virker ikke.

Det lyder som en sandsynlig forklaring. Hvis Opera havde haft en
DOM-inspector som Mozilla kunne man selv tjekke det.

Jeg prøvede lige at se hvordan Mozilla håndterer forskellige
farvetildelinger (via computed style under DOM-inspector). Sætter
man color: red; bliver border-color-værdierne også ændret (præcis
som du beskrev i forrige afsnit). Men hr-elementet bliver kun svagt
rødt, i det baggrunden fylder hovedparten af højden (beregnet højde
er 18px, heraf går 2 til kanter).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jens Gyldenkærne Cla~ (01-04-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-04-03 09:44

Andreas Haugstrup Pedersen skrev:

>> <div style="border: none; background-color: gray; height:
>> 2px;"></div>
>
> Sådan bør en hr ikke opfattes da en hr som default vil have
> height:auto; (altså ingen højde).

Jeg kom lige i tanke om Mozillas DOM-inspector. Her kan man se de
beregnede css-værdier for et element. For en tom hr er Mozillas
fortolkning som følger:

color og border-color: rgb(0,0,0)
background-color: transparent
højde: 19px
border-bredde: 1px
border-style: inset
border-collapse: separate

Er det så Mozilla der er helt afmarcheret eller er det blot fordi
der ikke findes en fast standard for hvordan hr skal vises? Mozilla
plejer at være ret gode til at holde sig til standarderne så jeg
tvivler stærkt på at ovenstående fortolkning er forkert. Men du
skal da være velkommen til at argumentere for det.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Andreas Haugstrup Pe~ (01-04-2003)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 01-04-03 10:21

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote in
news:Xns93506D1E8AFADjcdmfdk@gyrosmod.dtext.news.tele.dk:

> Er det så Mozilla der er helt afmarcheret eller er det blot fordi
> der ikke findes en fast standard for hvordan hr skal vises? Mozilla
> plejer at være ret gode til at holde sig til standarderne så jeg
> tvivler stærkt på at ovenstående fortolkning er forkert. Men du
> skal da være velkommen til at argumentere for det.

En højde på 19px lyder som noget de har trukket ud af den blå luft. En hr må
være et "Block-level, non-replaced elements in normal flow" uden blok-level
children. Derfor skal højden beregnes til[1]:

"If 'height' is 'auto', the height depends on whether the element has any
block-level children. If it only has inline-level children, the height is
from the top of the topmost line box to the bottom of the bottommost line
box."

Siden en hr er tom kan højden kun blive 0. Det er logik for burhøns.

[1]: <http://www.w3.org/TR/REC-CSS2/visudet.html#the-height-property>

--
Andreas
<http://www.solitude.dk>

Jens Gyldenkærne Cla~ (01-04-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-04-03 09:49

Martin Poulsen skrev:

> Jeg synes heller ikke de skriver, at CSS-specifikationen
> siger, at farve på hr-elementet, skal angives som
> background-color.

Næ. De nævner en måde til Netscape 6+ og Opera og en anden måde til
IE og Netscape 4 - uden at skelne mellem hvor korrekte de hver især
er.

Men det er specielt uheldigt at de skriver at man skal bruge
background-color i Opera uden at gøre opmærksom på at det kræver at
man også sætter højden (og uden at gøre opmærksom på at man kan
opnå det samme ved at sætte border-color).
Er der et sted man kan henvende sig med den slags?
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Martin Poulsen (01-04-2003)
Kommentar
Fra : Martin Poulsen


Dato : 01-04-03 09:56

Jens Gyldenkærne Clausen wrote:

> Er der et sted man kan henvende sig med den slags?

http://www.opera.com/contact/ ? :)

--
Martin

Andreas Haugstrup Pe~ (01-04-2003)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 01-04-03 10:22

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote in
news:Xns93506DFD244FDjcdmfdk@gyrosmod.dtext.news.tele.dk:

> Er der et sted man kan henvende sig med den slags?

<http://www.opera.com/support/bugs/>

--
Andreas
<http://www.solitude.dk>

Jens Gyldenkærne Cla~ (01-04-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-04-03 10:21

Andreas Haugstrup Pedersen skrev:

> Det er noget sludder. Et tomt p-element er præcis det samme
> som et tomt hr- element.

Det bliver vi ikke enige om. Et tomt p-element har ingen grafisk
præsentation - i modsætning til et hr-element.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Andreas Haugstrup Pe~ (01-04-2003)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 01-04-03 10:24

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote in
news:Xns935073765F37Cjcdmfdk@gyrosmod.dtext.news.tele.dk:

> Andreas Haugstrup Pedersen skrev:
>
>> Det er noget sludder. Et tomt p-element er præcis det samme som et
>> tomt hr- element.
>
> Det bliver vi ikke enige om. Et tomt p-element har ingen grafisk
> præsentation - i modsætning til et hr-element.

Et tomt hr har heller ingen grafisk repræsentation udover det som det får
fra browseren default-stylsheet. Præcis ligesom et p (der har en grafisk
repræsentation da de fleste browsere angiver margin:1em 0; på alle p)

Så et tomt p-element er præcis det samme som et tomt hr-element. Kun
browseren default-css er anderledes. Elementerne er ens.

--
Andreas
<http://www.solitude.dk>

Jens Gyldenkærne Cla~ (01-04-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-04-03 10:56

Andreas Haugstrup Pedersen skrev:

> Et tomt hr har heller ingen grafisk repræsentation udover det
> som det får fra browseren default-stylsheet.

Med den argumentation er der jo _ingen_ elementer der har en
grafisk repræsentation.


> Så et tomt p-element er præcis det samme som et tomt
> hr-element. Kun browseren default-css er anderledes.
> Elementerne er ens.

Lad mig spørge på en anden måde: Hvad er formålet med en hr? Og
hvad er tilsvarende formålet med en p?

De spørgsmål kan besvares ved at læse html-specifikationen:

,---- [ Om hr ]
| The HR element causes a horizontal rule to be rendered by visual
| user agents.
|
| The amount of vertical space inserted between a rule and the
| content that surrounds it depends on the user agent.
`----
<http://www.w3.org/TR/html401/present/graphics.html#edef-HR>

,---- [ Om p ]
| The P element represents a paragraph. It cannot contain block-level
| elements (including P itself).
|
| We discourage authors from using empty P elements. User agents
| should ignore empty P elements.
`----
<http://www.w3.org/TR/html401/struct/text.html#edef-P>


Et tomt hr-element er en fuldt legal måde at angive en vandret
streg på. Et tomt p-element er derimod i strid med intentionerne i
HTML-specifikationen. Man kan ikke sammenligne en kode der ikke kan
have børn med en kode der skal have børn for at give mening.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jens Gyldenkærne Cla~ (01-04-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-04-03 10:58

Andreas Haugstrup Pedersen skrev:

> Siden en hr er tom kan højden kun blive 0. Det er logik for
> burhøns.

Den logik er åbenbart ikke klar nok til at Mozillas udviklere har
efterlevet den.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jens Gyldenkærne Cla~ (31-03-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 31-03-03 14:11

Søren Madsen skrev:

> Er det "lovligt" at sætte farve på sin horisontale linje,

Ja.

> - og hvordan gør man?

Det er forskelligt fra browser til browser - se følgende side
<http://damu.dk/jc/usenet/hr.shtml>

Emnet var oppe her i gruppen for et par uger siden - du kan også
se hvad der blev skrevet dengang:

<http://groups.google.com/groups?hl=da&lr=&ie=UTF-8&oe=utf-8&threadm=3e6eed59%240%24156%24edfadb0f%40dtext01.news.tele.dk&rnum=1&prev=/groups%3Fie%3DUTF-8%26oe%3Dutf-8%26as_umsgid%3D3e6eed59%25240%2524156%2524edfadb0f%2540dtext01.news.tele.dk%26lr%3D%26hl%3Dda>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søren Madsen (31-03-2003)
Kommentar
Fra : Søren Madsen


Dato : 31-03-03 14:21

Mange tak for de hurtige svar.

Mvh.
--
Søren Madsen



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

Månedens bedste
Årets bedste
Sidste års bedste