-
Posted: May 31st, 2008, 8:09am CEST by toxin
Ezt megelőző mintát kiterjesztve, a balra igazított elemen lehetséges eltolást is eszközölni, ekkor a margin-left CSS tulajdonságot, nem, ahogy az előző mintában, zéró értékre, hanem valamilyen ettől különböző negatív vagy pozitív értékre állítjuk be. Pozitív értékre állítás esetén az adott elem a jobbra/befelé fog elmozdulni, negatív érték beállítása esetén ellenkező irányba: balra/kifelé.
-
Posted: May 25th, 2008, 3:00pm CEST by toxin
Némi kihagyás után (költözés) akkor jegyzetgyártás, folyt. köv.: A mostani és az elkövetkező tizenegy bejegyzésben, különféle CSS tulajdonság kombinációk, és pozicionálási modellek felhasználásával - az eddigi minták kombinálásával: haladó - , az elemeket: balra, jobbra, középre, fel, le igazítjuk - legközelebbi vagy pozicionált ősükhöz, méretezve vagy tartalom/tartalmazó elem szélesen - ill. rajtuk igazítás után eltolást eszközölünk.
E bejegyzésben szereplő minta segítségével, egy elemet és annak tartalmát szülőeleme, vagy legközelebbi pozicionált ős eleme bal oldalához fogjuk igazítjuk. - A színpad az enyém :) -
-
Posted: May 4th, 2008, 7:33am CEST by toxin
Alábbi minta ie7 vagy az alatti verziószámú ie böngészők alatt nem működőképes, lévén ezek nem támogatják egy elem egyidőben történő jobbra-balra, fel-le igazítását.
Az ezt megelőző bejegyzés kiegészítéseként vagy kiterjesztéseként lehetséges egy abszolút pozicionált elemet tartalmazóeleme közepére igazítani a következő minta használatával:
Vertikálisan középre igazított abszolút elem
SELECTOR { position:absolute; left:0; right:0;
margin-left:auto; margin-right:auto; }
Horizontálisan középre igazított abszolút elem
SELECTOR [...]
-
Posted: May 3rd, 2008, 12:43pm CEST by toxin
A Pozicionálás margókkal V. : Abszolút és rögzített pozíciójú elemek eltolása margók segítségével címmel megkezdett bejegyzés kvázi folytatásaképpen, ebben a bejegyzésben többek között a left,right,top,bottom CSS tulajdonságokat - emlékeztetőül a fenti bejegyzésben ezeket alapértelmezetten: auto-n hagytuk - fogjuk állítgatni acélból, hogy egy adott abszolút elemet tartalmazóeleme belsejének: tetejéhez, jobb-bal oldalához vagy aljához igazítsuk.
Lényegében [...]
-
Posted: May 2nd, 2008, 10:59am CEST by toxin
Témához kapcsolódó előző bejegyzésben szerepelő statikus blokk elemeknek egyik hátrányos tulajdonsága volt, hogy tartalomszélesre nem lehetett őket méretezni, emlékezzünk tartalmazóelem szélesek(width:auto) vagy fix szélességűek(width:+ÉRTÉK) voltak. Hasonló problémák merülnek fel az inline elemekkel kapcsolatban is, méretezni a normál szövegfolyamban ezeket nem lehet, csak ha pozicionáljuk vagy úsztatjuk őket. Előbbi szempontból vizsgálva, az e bejegyzés témáját [...]
-
Posted: May 1st, 2008, 11:48am CEST by toxin
Mindenképp figyelmet érdemlő, a weblabor blogmarkjában tegnap talált alkalmazás, ami a különböző ie verziók által lerenderelt weblapot képes egy ablakon belül megjeleníteni. pl. az előző bejegyzés példafájlja ie6,7,b1 alatt a következőképp fest , elérhető: IETester
-
Posted: May 1st, 2008, 11:29am CEST by toxin
A Pozicionálás margókkal I bejegyzésben már vizsgálódtunk a statikus blokk elemek pozicionálásának témakörében, akkor az elemek szélességét auto-n, alapértelmezésen hagytuk ezzel lehetőségünk nyílt jobb-bal margójuk egymástól független állítására : behúzására vagy kitolására. Ebben a bejegyzésben szereplő mintában, a statikus blokk elemek konkrét szélességet kapnak, ezáltal, és megfelelő margóbeállításokkal, tartalmazóelemük jobb-bal oldalához igazíthatjuk őket ill. [...]