Autor Zpráva
Kybrex
Profil
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
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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: