Post Tagged with: "css"

initializálás – tantek

A böngészők alapértelmezett tulajdonságait már a css fájlok legelején érdemes egységessé tenni, így a későbbiekben elég sok bosszúságot meg lehet spórolni.

Tartalomjegyzék létrehozása CSS-sel

Ha olyasmi formázást szeretnél, melyek általában könyvekben lehet látni (tartalomjegyzék), akkor az alábbi kódot használd:

selection box -ban kép megjelenítése

Ha selection box-ban képet akarsz megjeleníteni, használd az alábbi kódot (sajnos IE alatt nem működik).

Linkekhez alapértelmezett ikonok társítása

Ha azt szeretnéd, hogy a lapodon az egyes linkekhez 1-1 megfelelő ikon társuljon (pl. PDF-re mutató linkhez egy kis PDF ikon kerüljön), használd az alábbi kódot

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 […]

Box Model probléma és megoldás IE alatt

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 […]

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, […]

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

Á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 […]