Üdv nektek!
Ebben a leírában megmutatom, hogy tudtok egyszerű, de nagyszerű modulokat készíteni. Amire szükségünk lesz, az néhány kép, és a menüpontjaink.
Itt egy példa a másik oldalamról:
Amint látjátok, minden menüpontnak van címe, rövid leírása, és egy kis kép, ami mellett ez mind el van helyezve. Nos, az előző leírás alapján gondolom sejtitek, hogy táblázattal van csinálva, de azon belül hogyan?
Lássuk csak:
Ha simán beillesztjük a táblázatba a képeinket és a szövegeinket, akkor az valószínűleg így fog kinézni:
Nos, itt annak az eredményét láthatjátok, hogy az alap CSS ami fent van a példa oldalon, más beállításokat használ a táblázatokra, mint a sima modulokra. Szóval kezdjünk valamit ezzel. Eddig ez nem túl szép, igaz? A képek és a szövegek össza vissza vannak elhelyezve, ez még nagyobb kuszaság, mint amit el tudtunk volna képzelni. Essünk neki a helyrerakásnak:
Először is, állítsuk át az összes képünk igazítását balra, ahogy a képen látszik. Ha ezt megtesszük, akkor nem csak egy sor szöveg fog elférni a képünk mellett, hanem a kép magasságától függően bármennyi. Ha ezzel megvagyunk, így nézünk ki:
Még mindig rémes, hála a táblázat kódolásának, de egy fokkal máris jobb. A következő lépésként formázzuk át a szövegeket:
És már készen is van a képes menünk! Ha értesz a CSS kódolásoz, akkor ott beállíthatod, hogy ne húzza szét a táblázat szövegét, és akkor nem kell minden alkalommal ezzel szórakozni. :)
Jó szerkesztést kívánok!
|