Post Tagged with: "css"

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

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.

CSS trükkök első rész – Háromszögek, sokszögek

Üdvözlök mindenkit! Egy érdekes megoldást szeretnék bemutatni css segítségével, mellyel különböző alakzatokat tudunk létrehozni. Példánkban egy háromszöget fogunk szerkeszteni. Hozzunk létre egy HTML fájlt, amiben helyezzünk el két <div>-et egy harmadik <div>-ben.

Float fix

Sok gondot okozott, hogy a float-olt div -ek nem növelik FF alatt a konténer elem magasságát. Erre találtam egy egyszerű megoldást. Annyi a teendőnk, hogy a css-be definiálunk egy új osztályt, aminek a tulajdonsága egyetlen sor. Itt található a példa css-kód részlet:

Középre igazítás CSS-el

A css-ben a középre igazítás mindig is nehéz feladat volt, mert a böngészők máshogyan értelmezik a CSS tulajdonságokat, ráadásul vertikális középre igazítás nincs a CSS-ben, ám ezt mégis meg lehet oldani… Tegyünk fel, hogy szeretnénk teljesen az oldal közepére zárni egy 440*400 pixeles divet, amibe később az oldalunk tartalma kerül. Táblázatos módszerrel ez viszonylag egyszerű, […]

Menü lista segítségével

Menüt listával? Sokaknak ez már régóta természetes, mások meg vakarják a fejüket, hogy most mi van? Pedig ha belegondolunk miről is van szó? egy menülistáról, azaz tényleg van valami köze a listához :) Általában megszoktuk, hogy listát felsorolásokhoz használjuk, de hogy lesz ebből menü, pláne vízszintesen?

Gördíthető DIV-ek létrehozása

A fórumon egyre gyakrabban előfordul a kérdés, hogy hogyan lehet weblapon gördíthető (scroll-ozható) sávot létrehozni IFrame nélkül. Ezt legegyszerűbben css segítségével lehet megcsinálni… Ha a weblapunkon egy gördíthető sávot akarunk létrehozni (például hogy ne csússzon szét a design egy-egy szélesebb elem miatt), akkor a következő CSS kóddal ezt egyszerűen megtehetjük például az IFrame-s megoldás helyett […]

legördülő listák formázása

A minap újfent bebizonyosodott, hogy a css segítségével milyen jó dolgokat lehet elérni a weben. :) Listát kellett formázni hogy a legördülő tartalom vmi struktúrált formában jelenjen meg, és – bár ezelőtt emlékeim szerint ilyet még nem használtam – örömmel láttam hogy simán működik a dolog, szépen lehet vele formázgatni a menü elemeit. Akkor nézzük […]

Pozícionálás CSS-sel

A honlap elemeinek pozícionálása megoldható többféleképpen is. Az egyik módszer a táblázatos, ezt használják a leggyakrabban de nem azért meg jobb, hanem mert ez a megszokott illetve a vacak böngészőprogramoknak (IE is rossz) köszönhetően a css-t (rivális megoldás) a böngészők hol így, hol úgy értelmezik. Mint az előbb már kiderült a másik megoldás a CSS. […]

Template váltása PHP-val

A php segítségével könnyen megoldható, hogy egy lapon váltogatni lehessen a stílusok és template-k között (attól is függ hogy a css-ben csak a formázásra vonatkozó részeket tartjuk, vagy mondjuk CSS segítségével építettük fel az egész lapszerkezetet), erre találsz az itt következő leírásban egy lehetséges megoldást.