/ 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
Formatering af <hr /> i CSS
Fra : Skindbeni


Dato : 07-03-05 02:13

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?



 
 
Kristian Kjærgaard (07-03-2005)
Kommentar
Fra : Kristian Kjærgaard


Dato : 07-03-05 09:56

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


Jens Gyldenkærne Cla~ (07-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 07-03-05 10:46

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

Erik Ginnerskov (07-03-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 07-03-05 16:03

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



Jens Gyldenkærne Cla~ (07-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 07-03-05 17:41

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

Erik Ginnerskov (07-03-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 07-03-05 22:49

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



Jens Gyldenkærne Cla~ (07-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 07-03-05 23:13

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

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

Månedens bedste
Årets bedste
Sidste års bedste