CSS : Modulok alján megjelenő kép |
Modulok alján megjelenő kép
Két lehetőséget tárunk fel, az egyik kód nélküli megoldás, a másik pedig kódos. Mindkettőnek vannak előnyei és hátrányai:
1. Kód nélkül
Egyszerűen beilleszted a moduljaid tartalmának végére azt a képet, amit meg szeretnél jeleníteni. Hátránya, hogy csak egyszerű modulnál tudod alkalmazni, viszont biztos, hogy bármilyen ötletes alsórészt be tudsz rakni, ha pontosan méred le a méreteket.
2. CSS kóddal
Előnye, hogy csak egyszer kell megadnod a beilleszteni kívánt képet a lenti kódban, s minden modul alján meg fog jelenni, legyen az egyszerű modul, képtár, vagy bármi más. A hátránya, hogy nem tudsz bármilyen képet berakni, hisz fontos, hogy ami az oldalsó moduloknál megjelenik az fog a középső moduloknál is, s ezeknek a moduloknak a szélessége nem egyezik meg. Tehát ha nem ismétlődő képet raksz be, nem lesz szép látvány. Ezt a kódos megoldást akkor ajánljuk, ha egyszerű képet (téglalap) illesztenél be, avagy valamilyen díszítést szeretnél a modulok aljára. A kódban jelöltük, hol kell megadni a kép url-jét, továbbá a height: 30px a kép magasságát jelenti, ezt írd át a saját képed magasságára.
<style type="text/css">
td.modbottom
{background:url("KÉP URL címe");
height: 30px;} </style>
|