Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
A legegyszerűbb megoldás: az img-ket belerakod egy-egy divbe, majd ezeket a diveket egymás mellé lebegteted (erre való a float), aztán ezeket berakod egy még nagyobb divbe, ami megadja az egész keretét, és ennek a keretnek a szélességét határozod meg; mindezt csupán CSS-sel. A PHP-vel csak dinamikusan kiíratod a könyveket, de ennek a megadott szerkezetnek megfelelően.
Ide felraktam egy nagyon egyszerű példát:http://jsfiddle.net/CtQFN/embedded/result/
Kattints a jobb fölső sarokban az "Edit in JSFiddle" linkre, hogy lásd a kódját, ami elég magától értetődő, de kérdezz, ha valami nem tiszta.
A "book_main_wrapper" class-szal ellátott elem a nagy div, ami az egész keretét adja, ebbe raktam "book_wrapper" osztállyal ellátott kisebb diveket, amik pedig tartalmazzák az egyes képeket. A képeket tartalmazó diveknek pedig adtam egy margót: margin:30px 10px; - tehát az alsó-fölső margó 30-30 pixel, míg a bal és jobb margó 10-10 pixel. Ez a forma ekvivalens ezzel: margin:30px 10px 30px 10px; (jobb fölső oldalról óramutató járásával egyezően kell haladni, hogy megtudd, melyik margó épp melyik oldalra vonatkozik)Sk8erPeter
Új hozzászólás Aktív témák
- Horgász topik
- AMD Ryzen 9 / 7 / 5 7***(X) "Zen 4" (AM5)
- Kerékpárosok, bringások ide!
- Brogyi: CTEK akkumulátor töltő és másolatai
- Samsung Galaxy A52s 5G - jó S-tehetség
- CASIO órák kedvelők topicja!
- Fejhallgató erősítő és DAC topik
- Mr. Y: Motoros sztorik #05
- Parfüm topik
- HBO Max & OD topic
- További aktív témák...
- DELL Latitude bontás E5420 30 E5530 E6320 30 E6420 30 40 E5440 50 70 80 90 E7440 50 70 80 90E7240 70
- iPad 9. gen. 64GB Wifi - (Space Gray, Silver) - Csak 1-1db!
- Canon EOS 300, 28-90 objektív, táska
- Dragon Ball monopoly ( NÉMET NYELVŰ )
- Xiaomi Redmi Note 12 128GB 4GB RAM Dual Mobiltelefon,Szép állapotban 1hónap garancia
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Promenade Publishing House Kft.
Város: Budapest