| Autor | Zpráva | ||
|---|---|---|---|
| Kybrex Profil |
#1 · Zasláno: 18. 9. 2008, 09:52:58
Zdravím. V IE i v Opeře vše funguje, ale ve firefoxu mi to dělá problémy.
Kód na stránce vypadá takto: <div id='hlavnidiv'> <h1>NAdpis</h1> <a href=''>Odkaz</a> </div> styly takto:
#hlavnidiv {
width: 660px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 0px;
border: 1px solid;
}
#hlavnidiv h1 {
color: #C1001F;
font-size: 24px;
font-weight: normal;
font-family: Trajan Pro, Arial;
display: inline;
margin-left: 0px;
margin-top: 25px;
padding: 0px;
float: left;
}
#hlavnidiv a {
float: right;
margin-top: 35px;
margin-bottom: 0px;
margin-right: 5px;
padding: 0px;
font-size: 11px;
font-family: Tahoma;
font-weight: normal;
color: #333333;
display: inline;
}
Když nastavím nadpisu float:left (odkaz má float: right;) aby byly oba elementy na jednom řádku, udělá se zezhora a zespoda kolem elementu H1 něco jako margin nebo tak. Prostě je tam místo. Dělá to jen ve FF a když float vypnu, tak je vše normální, ale odkaz se hodí na další řádek, protože display: inline; ve FF taky asi nějak nefunguje. Nevíte prosím někdo co s tím? :-) Předem díky za odpovědi. |
||
| Kybrex Profil |
#2 · Zasláno: 18. 9. 2008, 10:00:06 · Upravil/a: Kybrex
Vyřešil jsem to odstraněním divu a předěláním té struktury. Asi tam někde byl automaticky nastaven margin-bottom nebo tak něco. omlouvám se za spam.
|
||
| srigi Profil |
#3 · Zasláno: 18. 9. 2008, 10:11:11
BTW preco pouzivas tento zdlhavy sposob zapisu?
margin-left: 5px; margin-top: 0px; margin-bottom: 0px; Da sa to zapisat omnoho uspornejsie a IMO aj prehladnejsie: margin: 0 0 0 5px; Kazde cislo (oddelene medzerou) predstavuje hodnotu marginu jednej strany. Poradie je TOP, RIGHT, BOTTOM, LEFT - cize v smere hodinovych ruciciek, so zaciatkom hore. |
||
|
Časová prodleva: 16 let
|
|||
0