css gond

[Zoltán Kurucz]

az első a nyerő, bár addigra sikerült a z-indexel is megadni, csak a szöveg
abszolút pozíciót igényelt...
köszi a választokat

2009/5/11 Kubanka Peter <kubanka.peter at gmail.com>

> 3 megoldást javasolnék:
> - A képet ne <img> tag-ben szúrd be, hanem <div> -be,
> javascriptben beállítod a szélességét magasságát és a hátteret <div
> style='width=800;height=100;background=url(kep.php?w=800)'>,
> a héttérképet pedig php-val generáld le, pl:: kep.php?w=800 esetén a
> php egy 800 pixel széles képet ad vissza, fontos php parancs:
> header("Content-type: image/png");
> A div közé pedig gond nélkül írhatsz szöveget, az a szöveg felett fog
> megjelenni, padding-al elhelyezed oda ahova kell. Szerver oldalon
> megeröltető feladat, ha csak a scriptet nem csinlod úgy hogy cachelje
> a fájlokat. Ugyanakkor php-val, akár plusszokat is tehetsz a képre,
> akár magát a szöveget is, használhatod a saját fontodat (mert ugyebár
> a weblapot megjelenítő ember gépén nem biztos hogy fent van az a font
> amit te használsz).
>
> - több képet csinálsz, 800,840,880 stb, és az aktuális mérethez
> legközelebbit hívod meg, ebben az esetben minimális lesz az
> átméretezés és nem fog annyira torzulni a kép, ez gyorsabb és
> egyszerűbb, de nem annyira szép mint az előző.
>
> - a honlap tervnél oda kell figyelni, hogy az adott képi elem,
> esetedben a fejléc, úgy illeszkedjen az oldalra, hogy a jobb oldala
> egy szinben vagy egy mintában folytatódjon és sok bosszúságtól
> szabadít meg, illetve érdemes fix szélességű weblapokat tervezni,
> 1024x768-as felbontásra optimalizálva.
>
> 2009/5/11 Zoltán Kurucz <zoltan.kurucz at gmail.com>:
> > igen próbáltam, de nem írta felül, igazából hagytam a fenébe tehát ez a
> > probléma már tárgytalan viszont generálódott egy új
> > float divekkel játszok amik mindig igazodnak az aktuális felbontáshoz és
> a
> > tartalommal függőlegesen is dinamikusan változnak, itt azonban
> jelentkezett
> > az a probléma, hogy a fejlécet (valami.jpg) méretezni kell. az alábbi
> kódot
> > írtam rá.
> >
> > <script type="text/javascript">
> >                     var szelesseg = window.screen.width;
> >                     var magassag = window.screen.height;
> >                     var kepszelesseg = szelesseg-52;
> >                     var arany = 8.53;
> >                     var kepmagassag = kepszelesseg/arany;
> >                     document.write("<img src=\'images/head.jpg\'
> > STYLE='z-index:0;' width=\' " + kepszelesseg + " \' height=\' " +
> > kepmagassag + "\' />");
> > </script>
> >
> > működik is szépen a baj csak annyi, hogy két idézet is van írva a képre
> és
> > méretezésnél a betűk nagyon csúnyán torzulnak, így próbálok rátenni a
> képre
> > egy új divet amit z-indexelek, abban van a szöveg de nem teszi rá a képre
> > tehát egy beszúrt képre kellene szöveget írni...
> > háttérképként nem sikerült beszúrnom, mivel ott nem lehet megadni a kép
> > méreteit...
> > várom az ötleteket...
> > üdv:KZ
> >
> > 2009/5/11 Kubanka Peter <kubanka.peter at gmail.com>
> >>
> >> Próbálkoztál azzal, hogy az összes "belső dobozodnak" beállítod az
> >> opacity tulajdonságát? Elméletileg ha beállítod neki, felül kell írnia
> >> az öröklött tulajdonságokat és a problémád megoldva, de ha az oldal
> >> linkjét vagy css ide vonatkozó részét a html kóddal együtt elküldöd,
> >> akár magánban, talán tudok segíteni.
> >>
> >> 2009/5/8 Zoltán Kurucz <zoltan.kurucz at gmail.com>:
> >> > Tisztelt lista tagok!
> >> >
> >> > Tudom, a webes dolgok nem tartoznak a fő profilhoz, azért mégis
> >> > megpróbálom
> >> > vázolni kérdésem...
> >> > Adott egy css alapú oldal, létrehoztam egy a tartalommal dinamikusan
> >> > mozgó
> >> > dobozt (opacity) tulajdonsággal...
> >> > erre a fő dobozra teszem fel a többi tároló divet egy konténerben,
> >> > csakhogy
> >> > vannak tulajdonságok amelyek öröklődnek, vannak amik nem
> >> > hát az opacity pont az öröklődős fajta, hogyan oldhatom fel, hogy a
> >> > belső
> >> > dobozokra ne öröklődjön?
> >> >
> >> > már több helyütt próbáltam (szétgugliztam és fórumoztam az arcom,
> >> > de....)
> >> > ezért próbálok szerencsét itt is.
> >>
> >> _______________________________________________
> >> Techinfo mailing list
> >> Techinfo at lista.sulinet.hu
> >> Fel- és leiratkozás: http://lista.sulinet.hu/mailman/listinfo/techinfo
> >> Illemtan: http://www.1let.hu/illemtan.html
> >> Ügyfélszolgálat FAQ: http://www.kozhalo2.hu/Faq.aspx
> >>
> >
> >
> > _______________________________________________
> > Techinfo mailing list
> > Techinfo at lista.sulinet.hu
> > Fel- és leiratkozás: http://lista.sulinet.hu/mailman/listinfo/techinfo
> > Illemtan: http://www.1let.hu/illemtan.html
> > Ügyfélszolgálat FAQ: http://www.kozhalo2.hu/Faq.aspx
> >
> >
>
>
>
> --
> ----------------------------------------------
> Kubánka Péter
> kubanka.peter(kukac)gmail.com
>
> _______________________________________________
> Techinfo mailing list
> Techinfo at lista.sulinet.hu
> Fel- és leiratkozás: http://lista.sulinet.hu/mailman/listinfo/techinfo
> Illemtan: http://www.1let.hu/illemtan.html
> Ügyfélszolgálat FAQ: http://www.kozhalo2.hu/Faq.aspx
>
>
--------- következő rész ---------
Egy csatolt HTML állomány át lett konvertálva...
URL: http://lista.sulinet.hu/pipermail/techinfo/attachments/20090511/43f84564/attachment.html