Címke ‘css’
initializálás
A különböző böngészők egyes elemek alapértelmezett tulajdonságait másképp értelmezik, ezeket egységesíti az alábbi kódrészlet (a css fájlba kell felvenni):
kinyíló, becsukódó táblázatok
Ha különböző adatokat tartalmazó táblákat szeretnék kinyíló, bezáródó effekttel ellátni, használd az alábbi kódot (expand, collapse effect)
Min-width, max-width, min-height és max-height Internet Explorer alatt
Amikor azt szeretnénk, hogy egy adott elem akkor is tartson meg bizonyos magasságot és/vagy szélességet, ha épp nincs elég tartalom benne ami kitöltse illetve a későbbiekben szeretnénk, ha az ez az elem nőne (több tartalom esetében), akkor a min-height és min-width kell nekünk.
Amikor azt szeretnénk, hogy egy elem semmi esetre se nyúljon tovább egy bizonyos [...]
Box Model probléma és megoldás IE alatt
Aki foglalkozik táblázatok nélküli lapszerkezetek építésével, az már biztos belefutott (ha nem, akkor bele fog) abba a problémába, hogy a szépen beállított dobozszélességek másképp jelennek meg a böngészők alatt. “Meglepő” módon megint az IE-vel van a baj.
A problémát a neten “box model hack” néven lehet megtalálni és már elég sok helyen leírták. Ha már utánanéztél, [...]
Böngészőfüggő CSS – feltételek segítségével
honlapkészítés közben néha jól jön, ha az egyes böngészők különböző szabványértelmezése miatt egyes css részleteket, kódokat böngészőhöz kötve tudunk definiálni. Az Internet Explorer-hez kapcsolódóan a megoldást gondolom már sokan ismerik, viszont csak nemrég láttam a weblabor.hu egyik topicjában, hogy ilyen lehetőség az Opera-hoz kapcsolódóan is létezik.
A megoldást/linket mrc-nek köszönhetjük.
Tehát nézzünk egy olyan példát, ahol ugyanaz [...]
CSS fájlok és tartalmak rendszerezése, avagy hogyan írjunk szép kódot
Manapság már inkább követelmény, mint ajánlás, hogy egy magára valamit is adó webdesigner vagy sitebuilder ismerje és aktívan használja a css adta lehetőségeket. A neten számos lapon olvasható magyar és egyéb nyelveken a sok-sok CSS tipp és trükk, viszont kevés szó esik általában arról, hogy magukat a CSS fájlokat és tartalmukat hogy érdemes rendszerezni és [...]
Átlátszó (transzparens) PNG-k használata IE böngésző alatt
Gondolom már sokan beleszaladtak webszerkesztés közben az alábbi IE hibába: nem kezeli az átlátszó (transzparens) png képeket, sajnos azok háttere szürke alapértelmezetten (a normálisabb böngészőknek – mint pl. a Firefox – ez semmiféle problémát nem jelent). Ez abból az egyszerű okból fakad, hogy az IE 6.0 azon kívül hogy igencsak öregecske program, a webes szabványok [...]
Elérhető nyelv kiválasztó
A többnyelvű honlapokon szinte mindig van egy ilyen kis zászlócskás nyelvválasztó az oldalon. Ha grafikailag rendben is vannak, egy probléma gyakori: nem elérhetőek.. Úgyértem: vagy a képeknek nincs alt attribútuma (nesze neked Lynx és társai), vagy pedig mivel csak képek vannak egymás mellé pakolva a kódban, a szemantika kifogásolható. készítettem egy megoldást, amivel szerintem ez [...]
Nagy kezdőbetű CSS-el
Gyakran jöhet jól, ha egységesíteni tudjuk oldalunk tartalmát. Címek esetében jól jöhet, ha egységes módon (pl.: nagy kezdőbetű, utána végig kis betűk) írjuk őket. Ezt meg lehet oldani mind szerver- mind kliensoldali szkriptekkel is, én most egy css-es megoldást mutatok.
Firefox és a horizontális gördítősáv
Apró de idegesítő hiba, mikor egy oldalon az iframe mind a horizontális, mind pedig a vertikális gördítősáv megjelenik annak ellenére, hogy a tartalom csak vertikálisan gördíthető. Ilyenkor van egy aktív vertikális gördítősávunk és egy inaktív horizontális, ami rontja az összképet.
Absolute pozícionálás CSS segítségével
Gyakran felmerülő kérdés, hogy lehet egy dobozt absolute pozícionálással egy olyan lapszerkezetben elhelyezni, ahol a lap tartalma mindig középen van, tehát a doboznak (nevezzük mostantól reklám doboznak) nem mondhatjuk azt, hogy pl. a böngésző ablakától X távolságra jelenjen meg.
A megoldás: egy relative pozícionált elembe (mostantól nevezzük fejlécnek) kell elhelyezni a reklámdobozt, melynek eredményeként ha a [...]
Függőleges menük CSS segítségével
Az első dolog az az, hogy megértsük, mit is akarunk készíteni. Az alább található leírás abban lesz segítségünkre, hogy megtanuljuk css és listák segítségével szép és igényes menüket készíteni. Az egész menü abból fog állni, hogy a menüpontokat listába ágyazzuk.

Feliratkozás a legfrissebb hírekre!