Autor Zpráva
Magor131
Profil *
Dobrý deň, má jeden problém... v HTML mám :

<div id="HORNEMENU">
menu stránky
</div>
<div id="OBSAH">
obsah stránky
</div>


a v CSS toto:

#OBSAH {text-align: left;
	          background-color: black;
	         width: 1000px;
                       height: 950px;
                       color: white;
                       font-family: Century Gothic, Arial;
                       font-size: 15px;
                       background-image: url(../images/obsahpozadie.png);
        


No... keď som ich dal za seba, bolo všetko správne "nalepené" na sebe. Lenže keď som do div-u OBSAH vložil h3 s horným marginom 10px tak ten div začínal až 10px podtým, navrchu h3 a tak mi vznikla 10px medzera.. pls help ! Ďakujem :)
Trejpa
Profil
Magor131:
Ano, to je vlastnost marginů. První vnořený blok předává svůj margin obalujícímu bloku, který ho použije (pokud sám nemá větší) a vnořený blok se přilepí k okraji obalujícího.

Lze tomu zabránit třeba nastavením nenulového horního paddingu nebo borderu obalujícímu bloku.

#OBSAH { padding-top: 1px; }
Magor131
Profil *
Trejpa:
Absolútne nechápem o čom hovoríš ale funguje to :D Vďaka!
Petr ZZZ
Profil
Magor131:
„Absolútne nechápem…“
margin je vnější okraj (padding je vnitřní okraj), bloky jsou blokové prvky – např. <div>, nebo odstavec <p>, nebo <table> atd… Do některých blokových prvků (např. do <div>u) lze vnořit další bloky (<div>y, odstavce <p>, nadpisy <hn> atd…).
Nadpis a dva odstavce vnořené do divu:
<div>
  <h1>Nadpis</h1>
  <p>Odstavec…</p>
  <p>A další odstavec…</p>
</div>
Magor131
Profil *
zanoreniu chápem ale nie tým vlastnostiam marginov :) Nerieš :D
Trejpa
Profil
Magor131:
Kdybys to náhodou pochopit chtěl, tak je to popsané na stránkách w3.org (anglicky).
pavuk
Profil
Magor131:
Trejpa:
První vnořený blok předává svůj margin obalujícímu bloku, který ho použije (pokud sám nemá větší)
proto měl #OBSAH margin 10px (vzal si ho od <h3>)
Magor131
Profil *
Aha, chápem, dík :D

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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