Üdv Mindenki!
Sokat keresgéltem, hogy hogyan lehetne középre igazítani az imagefield képét a nodeban, méghozzá display:table használata nélkül. Ezt azért érdemes mellőzni mert sajnos az IE egyik verziója sem támogatja.
Amit szeretnék kérdezni, hogy valakinek nincs-e véletlen valami praktikája erre?
Mert azért a látogatók elég nagy része mégis csak IE-s! (sajnos)
A nemzetközi oldalon szó sincs a megoldásról! (csak annyi, hogy a display:table -nek ez a hátránya)
Köszönettel: Barna
Drupal verzió:
Fórum:
linkeket lehetne?
Ha már Te megtaláltad, akkor igazán megoszthatnád a linkeket.
pp
Palócz István
https://palocz.hu | https://tanarurkerem.hu
Itt írogattak a
Itt írogattak a témáról:
http://drupal.org/node/645482
Csakhát ami a probléma:
"The only problem is that this "display:table" property is not supported by older browsers, especially IE."
Mondjuk az IE8 nem olyan öreg, de az sem tudja :S (próbáltam!)
Nemhogy középre nem igazítja, de még a kép sem látszik!
Kellene egy link a te
Kellene egy link a te oldaladhoz. Én IE8 alatt már csináltam table alapú középre rendezést.
----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.
Az a baj, hogy localhost
Az a baj, hogy localhost :((((
Mert egyenlőre még nincs meg a helye...
Esetleg így?
Esetleg így?
http://www.tutorial.hu/kozepre-igazitas-css-el/
--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan
A probléma az, hogy van kép
A probléma az, hogy van kép ami álló és van ami fekvő, elvileg ez csak akkor lenne jó, ha minden képemnek ugyan az lenne a métere...
Tehát sajnos ez sem az igazi, azért köszönöm!
Imagecache?
Miért nem vágod az összes kép előnézeti verzióját egyforma méretűre, tájolásúra?
Majd ha rákattint, akkor a valós méretben jelenik meg neki a kép.
Szvsz egy oldal kinézetét nagyon elrontja, ha egy kép listában (kvázi galéria megjelenés) különböző méretű és tájolású képek vannak. És akkor az ezt követő problémákról már ne is beszéljünk (lásd pont a tiedet).
--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan
Nálam pl különböző méretű
Nálam pl különböző méretű logók jönnek egymás után listában, linkelve az adott szervezethez, tehát nem torzíthatom/vághatom kedvem szerint
Szerinted meg lehet csinálni imagecache-sal az alábbi folyamatot:
1. Legyen egy alapértelmezett méretű transparens üres kép.
2. Csökkentsük aránytartóan a logót.
3. Fűzzük össze az 1. pont képével.
Cudarul messze állnak tőlem a grafikai megvalósítások, ezért lehet, hogy nem pontosan fogalmaztam, az imagecache feladatok jó részét sem nagyon értem mellesleg..
----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.
Grafikai előkészítés?
Na de az nem csak úgy van, hogy beb..sszuk a kapott logó!!!
Azokat szépen elő kell készíteni grafikailag, egyformára méretezni, stb.
Minden átlagos felhasználó azt gondolja, hogy majd ő feltolja a kapott képet, és a rendszer majd magától megold mindent. Ez hülyeség. NAGYON sok előkészítő munka kell egy jól kinéző oldal elkészítéséhez, és a NAPI üzemeltetéséhez (is).
Pl. ezen az oldalon található lábléc elkészítése nem 2 órába került (lap alja + oldalt a támogatói blokk). Viszont tudom akár views-sal listázni, bárhova elhelyezni, átméretezni, stb. És egységes...
--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan
Azért nyugtass meg, hogy ez a
Azért nyugtass meg, hogy ez a grafikus feladata, és sitebuilderként/sminkkészítéskor nem kell ehhez értenem!
----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.
Na de pont te írod
Nyilván, na de pont te írod, hogy nálad különböző méretű logók vannak. :)
Valahogy csak meg kell oldani, hogy a végén egy közös és jó eredmény jöjjön ki.
--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan
Konkrétan én csak kaptam egy
Konkrétan én csak kaptam egy blokkot tele képekkel, 'aszt kész. :) De teljesen jogos, fogom ezt jelezni.
----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.
Szerintem logók esetében
Szerintem logók esetében minimum, a grafikai elő munka, de ha mondjuk van egy rakat fotó, ott meg lehet oldani az előnézeti méret egységesítését valami modullal (vagy mondjuk írni rá egy külön php-t amit meghívogatunk).
Az én esetemben, azért rázósabb a helyzet, mert nem szeretnék külön teljes nézetet, és ugye a képek mérete is lehet álló vagy fekvő.
Próbálgattam továbbra is, de nem megy középre a táblás megoldás nélkül.
A vicc az, hogy egy ilyen egyszerűnek hangzó dolgon elakadok...
csak css
vagy nem értem a problémát, vagy miért nem így:
?
(persze valami értelmes osztálynevet kell használni inkább, meg kérdés, hogy kerül az osztály a tegbe, de akkor meg az a kérdés, hogy kerül a kép a tartalomba, fejcski lécci)
-
clear: both;
Jaja, a kérdésfelvetésben nem
Jaja, a kérdésfelvetésben nem volt szó arról, hogy különböző magasságú képek vízszintes középre igazításáról van szó. Nekem is csak onnan esett le, hogy nem túl régen csináltam ilyet.
----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.
és akkor mi van?
édesmindegy milyen magas vagy széles. nekem ez bármilyen mérettel működik. vagy valamit benézek? dehát középre teszi.. :) mi lehet amit nem veszek észre? (talán semmi és tényleg működik?)
-
clear: both;
vagy valamit benézek? dehát
vagy valamit benézek? dehát középre teszi.. :)
Jaja, függőlegesen. :)
Nekünk ez esetben a vertical align-t kellene használni, az meg ugye divre nem játékos, csak table-re. A table-t meg nem eszi az ie, na ez a mi nagy bajunk. (Pont ami oldalt küldtem emailben, annak az alsó slideshowja ilyen.)
Ps. most, hogy így írom, lehet, hogy én is keverem a víszszintest és a függőlegest?? :/
----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.
na akkor megvan a bug
:)
szerintem amit én mondok, az a vízszintes igazítás. a függőleges igazítás, mint a neve is mutatja a vertical align, ami az lenne, hogy margin: auto 0; de ilyen tényleg nincs. :)
-
clear: both;
Sajnos, még mindig nem megy
Sajnos, még mindig nem megy (a "margin: 0 auto;" sem) és semmi ehhez hasonló, ezek mindig csak akkor működnek, ha van "display: table;", de akkor meg ott a nagyobb baj: IE-ben semmi nem látszik :(
Már mindent kipróbáltam, de esélytelen...
Nem tudom megoldódott- e a
Nem tudom megoldódott- e a problémád, meg azt se vízszintes vagy függőleges középre igazításról van szó.
Css guru sem vagyok, ezért én itt szoktam szétnézni:
http://boxmodels.toxin.hu/
Eddig igazítás ügyben itt mindent megtaláltam amire nekem szükségem volt.
Vízszintest szerettem volna
Vízszintest szerettem volna megoldani de display: table nélkül szerintem ez nem lehetséges.
(ilyen módon)
Nézegettem a linket, de sajnos table nélkül semmi sem működik.
Azon gondolkodtam, hogy elvileg a kimeneti html-t ez is valahogy stringbe fűzi össze!
(ahogy a node-images is, remélem)
Na most, ha ezt a részt át tudnám vinni a template.php-ba, akkor ott tudnám módisítani, hogy egy sima html-ként elé rakom ezt:
ezzel persze az összes Image Field-es kép középre kerül, de nekem az tökéletes lenne!
/Firebugban kipróbáltam működik./
lehet, hogy csak elmélet marad, majd kiderül :)
Egy linket nem tudnál kitenni
Egy linket nem tudnál kitenni mégis valahogy.
[szerkesztve:]
nézd meg ezt a példát:
http://kadazoli.extra.hu/kozepre_igazitas/center_aligned.html
ie6 és ff alatt is jó.
innen van:
http://boxmodels.toxin.hu/2008/06/07/pozicionalasok-a-gyarkorlatban-hala...
de kiszedtem belőle azokat ami nem jó ie6 alatt.
Nem jó, amit adtál. Mivel én
Nem jó, amit adtál.
Mivel én is kavartam rendesen, leírom részletesen:
A linked jó abból a szempontból, hogy jobbról és balról is egyenlő a távolság.
A linked nem jó nekünk, mert ezt mi is tudjuk, de alulról és felülről kell nekünk az egyenlő távolság különböző méretű képek esetén.
----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.
Tudni a magasságot?
Tudni a kép magasságát? Már úgy értem, hogy az fix, állandó?
De én továbbra is azt javaslom, hogy imagecache + grafikai előkészítés.
--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan
Igazából én végig a
Igazából én végig a vízszintesre gondoltam ezt kicsit feljebb már meg is erősítettem.
Elnézést, ha két értelműen fogalmaztam volna!
Amit legutóbb írtam, arról annyit, hogy ha szét lehetne valahogy választani a $content-et
és a az image fieldes képet akkor az image fieldes elé be lehetne tenni ezt (remélem) :
legalábbis firebugban megy.
Csak a node.tpl.php elé nem tehetem be mert akkor az alatta lévő szöveg is középre lesz igazítva, azt meg nem szeretném.
Igazából egy css-es megoldás sem megy display: table -nélkül!
-mármint ami a középre igazítást lehetővé tenné, margin megy ha van konkrét érték, de pl auto-val már nem (az megint csak table-lel!)
Az én fentebbi css-s
Az én fentebbi css-s linkemben hol van display:table ?
Látom, h nincs, csak én azt
Látom, h nincs, csak én azt mondom, h nálam csak úgy működik ha belerakom, egyébként nem.
Ez gyakorlatilag az összes css-es table nélküli megoldással így is van...
ilyen nincs
a vízszintes igazítás egyszerűen megy margóval.
a függőleges egy kicsit trükkös, de a fenti linken azt is szépen elmagyarázza hogyan lehet tisztán cssből megcsinálni.
-
clear: both;