---

Hej.

I mit stylesheet vil jeg gerne formatere tagget <hr /> (hvis det er muligt)

I stylesheetet skriver jeg

hr {
color: #000066;
}

Men hvilken linie skal jeg tilføje for at få størrelsen 1px?

---

Skindbeni <ms1@FJERNDETTEskindbeni.dk> skrev:

>Men hvilken linie skal jeg tilføje for at få størrelsen 1px?

Det kommer an på om den skal være 1px høj eller bred... Men det er
sansynligvis højden du snakker om:

hr {
height: 1px;}

Man kan også bestemme bredden:

hr {
width: 100%;
ELLER
width: 200px;
ELLER
width: 23em;}

Det er mange muligheder. Læs mere om bl.a. bredde her:
http://www.w3.org/TR/CSS21/visudet.html

---

Skindbeni skrev:

> I mit stylesheet vil jeg gerne formatere tagget <hr /> (hvis det er muligt)

Det er muligt, men man skal være opmærksom på at forskellige browsere
har forskellige standardopfattelser af hvad et hr-element består af.
Derfor skal man definere både kanter og indhold, og hvis man vil bruge
farve skal man sætte farve på såvel for- og baggrund (samt på kanterne,
hvis de ikke er fjernet).

Se evt. følgende sider:
<http://gyros.dk/usenet/html/hrsize.shtml>
<http://gyros.dk/usenet/html/hr.shtml>   
<http://gyros.dk/usenet/html/hrcenter.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

---

Jens Gyldenkærne Clausen wrote:

> http://gyros.dk/usenet/html/hrcenter.shtml

Du skriver på den side, at man skal tilføje text-align:center; for at få IE
til at centrere skillelinjen. Min erfaring er, at du opnår det samme ved at
slette margin:auto; - lad være med at spørge hvorfor ;).

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://frip.dk/ginnerskov

---

Erik Ginnerskov skrev:

> Du skriver på den side, at man skal tilføje text-align:center;
> for at få IE til at centrere skillelinjen. Min erfaring er, at
> du opnår det samme ved at slette margin:auto;

Margin: auto ser ganske rigtigt ud til at være uden effekt (har dog
kun testet de tre hovedbrowsere til Windows). Men text-align:
center er stadig nødvendigt for at få IE med.

<http://gyros.dk/usenet/html/hrcenter2.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

---

Jens Gyldenkærne Clausen wrote:

> Men text-align:
> center er stadig nødvendigt for at få IE med.

Ikke på <http://hjemmesideskolen.dk/html/>, hvor jeg på flere undersider har
en

<hr class="hr40" />

.... der i css modsvares af

.hr40 {
width:40%;
}

Det centrerer helt uden nogen problemer - også i IE. Adressen til css er:

http://hjemmesideskolen.dk/egin.css

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://frip.dk/ginnerskov

---

Erik Ginnerskov skrev:

> Ikke på <http://hjemmesideskolen.dk/html/>, hvor jeg på flere
> undersider har en
>
> <hr class="hr40" />

Jeg har fundet forskellen nu - IE venstrestiller hr-elementet hos
mig, fordi jeg i body har text-align: left; (defineret i det
generelle css-ark der anvendes på alle sider).

Med andre ord - IE lader altså et hr-element følge
tekstjusteringen. Standardopførslen er centreret, men hvis man
eksplicit har angivet en anden tekstjustering i omgivelserne, vil
IE benytte denne justering på hr-elementet.

I Firefox og Opera er hr-elementet upåvirket af indstillingerne for
text-align.
--
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