Blogtér - felsorolás normális megjelenítése
UL, OL, DL listatípusok CSS módosítása.
Az ertesits.hu-s bejegyzésemben többszintű listát is akartam csinálni és a margin nem működött, mindent teljesen a sor elejére húzott ki a CSS.
Erre szeretnék egy kis patchet itt most mutatni. A sablon CSS végére be kell szúrni egy sort:
#tartalom ul { margin: 5px 0 5px 20px; }
Ez annyit jelent, hogy minden olyan UL-t ami a #tartalom -on belül van (ez maga a bejegyzés szövege) ott átállítja a margin-t.
Persze ha nem csak az UL-t, hanem az OL, DL felsorolás elemeket is normális behuzással akarjuk látni akkor ezeket vesszővel felsorolva meg kell adni egymás után:
#tartalom ul, #tartalom ol, #tartalom dl { margin: 5px 0 5px 20px; }
A margin beállítások sorban egymás után jönnek: felső, jobb, alsó, bal, ezeket mindenki saját magának módosíthatja a megfelelő méretre, illetve érdemes a designhoz igazítani.
A “bajt” egyébként az okozza, hogy a CSS első sorában minden elem margin és padding értéke 0-ra van állítva:
* { margin: 0; padding: 0 }
Gyulus
# 2006. augusztus 26., szombat - 16:42 · válasz erre
Alapvetően minden elem margin és padding értékének a 0-ra állítása jó ötlet, mert a továbbiakban nem kell azzal foglalkozni, hogy az IE és a Mozilla különbözően kezeli ezeket alapbeállításként.
Persze okos ember csak akkor alkalmazza ezt, ha tudja, hogy az oldalt csak ő szerkeszti. Egy ilyen közösségi site pedig ennek pontosan az ellentéte. :)