|
 |
|
|
(x)
(x)
Blogvilág java
Linkek
Saját blogok: Olvasásra ajánlott blogok:Partnerek
Szerzői jogok
Blogvilág by xSolutions is licensed under a Creative Commons Attribution 2.5 Hungary License.
A Hasznalhato a weboldalad? #7 Res a kep es a szoveg kozott című írásban javasolt CSS kódot Tupacko kiegészítette egy képpel, ami egyértelműen bemutatja a margin és a padding közötti különbséget:
Kép forrása: http://www.guistuff.com/css/images/boxmodel.png
A fentiek fényében a Hasznalhato a weboldalad? #7 Res a kep es a szoveg kozottben szereplő ötletet azzal egészíteném ki, hogy ha a kép kerettel rendelkezik, akkor
img { margin: 5px; padding:5px;} ha pedig nem rendelkezik kerettel, akkor pedig mindegy, hogy img { margin:10px} vagy img {padding:10px}
További érdekes témák, ötletek a Blogfórumon.
Tetszett a bejegyzés? Iratkozz fel az RSS értesítőre, a hírlevélre vagy
ajánld barátaidnak a Twitteren vagy a
freeblogon.
Utolsó bejegyzések:
Eddig 3 komment érkezett
(
)
Mondj valamit
A szövegben nem lehet HTML-t használni, a linkeket pedig automatikusan aláhúzzuk. Az email cím megadása kötelezõ, de az oldalon nem jelenik meg. Ha van felhasználóneved, itt bejelentkezhetsz.
Az IP címedet megjegyezzük, de ezt csak a komment spam jellegének vizsgálatához használjuk fel.
1. Tupacko 2008. 04. 20. 13:57
Azt még hozzáfűzném, hogy ez egy utópikus világ képe, a standardoké. Sajnos nem minden böngésző kezeli a standardokat, így eltérő eredményeket kaphatunk IE és FF alatt, illetve nagyban befolyásolható tény a boxmodel probléma float CSS jelzővel ellátott oldalszerkezetek esetében. (végülis, arról van szó, hogy jobb vagy csak margint, vagy csak paddinget használni, mert ha mindkettőt használunk, akkor eltérő eredményeket kaphatunk).
off, köszi a backlinket :)
2. Sparrow 2008. 04. 20. 20:54
Én képeknél margint használok, mert egy képnek nincs "belseje", amit ki lehetne tölteni paddinggal, számomra furcsa ennek a gondolata is. Ezért inkább margin. Mellesleg utálom is a paddingot, mert hozzátesz az objektum méretéhez. Ha beállítod, hogy valami mondjuk 100px széles legyen, és adsz neki 10px paddingot minden oldalon, akkor 120px széles lesz az egész. A margin nem csinál ilyet, az változatlanul hagyja az objektum méretét, csak a körülötte lévő teret nyomja arrébb.
3. Tupacko 2008. 04. 20. 22:57
Sparrow, a méretváltás nem feltétlenül úgy viselkedik, ahogyan azt te észrevetted. A gond abból ered, ahogyan azt már írtam, hogy a különféle böngészők nem egyformán kezelik az attribútumokat. Pontosabb és több információt itt találhatsz: www.tutorial.hu/box-model-problema-es-megoldas-ie-alatt/
Ha kiváncsivá tett a téma, keresd fel toxin boxmodelekről szóló blogját (boxmodels.toxin.hu/).