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 <[email protected]>: > 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 <[email protected]> >> >> 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 <[email protected]>: >> > 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 >> [email protected] >> 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 > [email protected] > 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 [email protected] 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
