« 1 2
Autor Zpráva
Martin
Profil

hr {

font-size: 1px;

border: none;

border-top: 1px solid #090;

}


tak to je úplně mimo
VitaZ
Profil
Používám to ostylování takto, a zatím mi to funguje všude (alespoň co vím:-))

hr {
background-color: barva;
border-width: 0px;
height: 1px;
color: barva;
margin-top:1px;
padding-top:1px;
}

/* čára vysoká jeden pixel bez stínu */
Martin
Profil
Ale v IE má hr nastavenej margin-bottom, v tomhle případě i v mozille. V mozille se toho zbavim margin-bottom:0; IE toto ignoruje.
Leo
Profil
Zda se, ze u IE musite dat zaporny margin a to na -7px, proc certvi, a taky netusim, jestli je to u vsech verzi IE stejny. Leo
Martin
Profil
-7px se zbavim horního, ale spodní pořád zůstává
Leo
Profil
To pak musite nastavit zaporny margin (top) tomu elementu za hr. Osobne hr nepouzivam, Leo
Martin
Profil
Když nastavim zápornej margin, třeba na -10px, -100px nebo -5000px tak tam pořád ten spodní margin zůstává.
Proč se pořád podepisuješ?
Leo
Profil
Ja jsem ted zkousel dva divy, mezi nima hr a okraj mi v IE6 zmizel:

div {border: solid 1px red}
hr {
background-color: blue;
border-width: 0px;
height: 10px;
color: blue;
margin-top: -7px;
padding:0;
}
#spodni {
margin-top: -7px;
}

<div>&nbsp;</div><hr><div id="spodni">&nbsp;</div>

Leo
Martin
Profil
Nastav si výšku hr na 1px
Leo
Profil
"Nastav si výšku hr na 1px"

Margin-top: -13px, ale je to takova alchymie, ze bych se do toho nepoustel, k cemu to ma jako byt dobry? Dokazu si predstavit, ze nekdo chce mit hr v neostylovanym dokumentu (a v CSS udela jen display: none), ale takhle se s tim patlat, Leo
Martin
Profil
A toto nejde udělaj nějak jinak, než že musim nastavim prvku pod <hr /> zápornej margin? Martin.
Leo
Profil
Netusim. Ja bych se na hr vykaslal uplne a pokud tam chcete mermomoci mit linku tak tak proste vrazit vyplneny div, Leo
Martin
Profil
Tak díky Leo. Martin
« 1 2
Toto téma je uzamčeno. Odpověď nelze zaslat.