css gond

[Kubanka Peter]

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