Pontatlanul illeszkedő képek Firefox alatt
Sziasztok!
Van egy nagyon nagy méretű képem, amit több részre szedve tettem be az oldalba, hogy könnyebb legyen letölteni. Mivel a függőleges kiterjesztése extrém hosszú, logikusnak tűnt, hogy csak szépen egymás alá pakolom őket, és kész. Hát nem. Explorer alatt még müxik a dolog, bár ott is csak úgy, hogy nem tettem semmit a kódban a képek közé (még sortörést se, csak azért nem egymás mellett jelennek meg képek, mert egy fix szélességű div fogja őket közre), de Firefox alatt mindenképp van a képek között egy pár pixeles szünet, pedig már minden megpróbáltam az eltüntetésére, css-sel az összes ezt esetlegesen befolyásoló értéket nullára állítottam, mégis. Oké, gondolom ha mindegyik képet beraknám egy divbe, és pixelpontosan megadnám a helyét, akkor valszeg megoldódna probléma, de mostmár elvi alapon is izgat, hogy mi lehet ennek az oka. Van esetleg valakinek erre egy tippje?
Üdv,
Fedor
■ Van egy nagyon nagy méretű képem, amit több részre szedve tettem be az oldalba, hogy könnyebb legyen letölteni. Mivel a függőleges kiterjesztése extrém hosszú, logikusnak tűnt, hogy csak szépen egymás alá pakolom őket, és kész. Hát nem. Explorer alatt még müxik a dolog, bár ott is csak úgy, hogy nem tettem semmit a kódban a képek közé (még sortörést se, csak azért nem egymás mellett jelennek meg képek, mert egy fix szélességű div fogja őket közre), de Firefox alatt mindenképp van a képek között egy pár pixeles szünet, pedig már minden megpróbáltam az eltüntetésére, css-sel az összes ezt esetlegesen befolyásoló értéket nullára állítottam, mégis. Oké, gondolom ha mindegyik képet beraknám egy divbe, és pixelpontosan megadnám a helyét, akkor valszeg megoldódna probléma, de mostmár elvi alapon is izgat, hogy mi lehet ennek az oka. Van esetleg valakinek erre egy tippje?
Üdv,
Fedor
kód?
semmi extra...
padding?
padding: 0;?Egyébként nem volna egyszerűbb egy classt létrehozni és azt beállítani a képeknek? vagy ha már eleve egy "dobozban vannak, annak adni valami id-t vagy class-t és úgy megírni a css-t, valószínűleg sokkal kevesebb lenne a letöltendő kód is.
VinceVoltam
alapvetően de...
display tulajdonság
szerk: így ki sem kell venni a sörtöréseket
szerk: http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps
Köszi...
font, line-height
A képeknek meg {margin:0; padding:0; border:0;}
Más: ha smarty-t használsz, ott van egy olyan lehetőség, hogy a {strip}{/strip} közé írt html kódot automatikusan egy sorba tördeli. Így átlátható marad a kód.
Oké, ez bejött :-)
Nem smarty-t használok.
táblázat
szerintem egy sima mezei táblázat a megoldás erre:
<table cellspacing="0" cellpadding="0">
ennyi! én is felszoktam szeletelni a képeket és így tökéletesen működik IE-ben és FF-ban is!
ha így se működik, akkor a táblázat height értékét vedd kissebbre!
üdv
off
re off
Nem érted
Nem csak az a lényeg, hogy mi működik mi nem, hanem az is, hogy milyen módon.
Táblázatos layout alapvetően egy kényszer megoldás volt, mára idejét múlt, kerülendő. Nagy és átláthatatlan lesz tőle a html, nehézkesenen lehet adaptálni másik elrendezést (pda/mobil verzió/redesign horror), zavarja a screenreadereket stb. stb. Ha olvasod a weblabort, akkor tudhatnád, hogy miért jó a css, miért nem jó a table, miért fontos a valid kód... Nincs azzal baj, hogy segíteni próbálsz, csak azzal van baj, hogy amiket javasolsz azok kerülendő megoldások. Ráadásul ez egy fórum, mindenkinek joga, hogy szóljon, ha nem bírod a kritikát, akkor ne szólj hozzá, vagy érvelj a megoldásod mellett, hogy miért jó :)