Archive május 2008

Pozicionálások a gyarkorlatban, haladó II. : Balra tolás ( 826 olvasás ) 0

máj31

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é.

A minta a margin-left értéktől eltekintve megegyezik az előző bejegyzésben szereplővel:

tovább … »

Pozicionálások a gyarkorlatban, haladó I. : Balra igazítás ( 2,331 olvasás ) 0

máj25

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 :) -

tovább … »

Pozicionálások a gyarkorlatban VI. : Abszolút elemek középre igazítása vertikálisan és horizontálisan ( 913 olvasás ) 0

máj4

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:

tovább … »

Pozicionálások a gyarkorlatban V. : Abszolút elemek igazítása vertikálisan és horizontálisan ( 832 olvasás ) 0

máj3

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 ez a minta akkor hasznos, ha egy adott elem igazítására nemcsak horizontálisan van szükség.

tovább … »

Pozicionálások a gyarkorlatban IV. : Statikus tábla elemek igazítása és eltolása ( 984 olvasás ) 0

máj2

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 adó, tábla elem a legrugalmasabb, lévén jobbra-balra-középre igazíthatjuk, méretezhetjük, tartalmazó vagy tartalomszélesre is állíthatjuk őket. Esetleg érdemes e pontban áttekinteni a boxmodellek és a width CSS tulajdonság kapcsolatát elemző bejegyzést is.

A bejegyzéshez tartozó minta, nagyon hasonló a statikus blokkoknál alkalmazotthoz, lássuk is…

tovább … »

IETester – IE5.5/6/7/8b1 ( 814 olvasás ) 0

máj1

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

Pozicionálások a gyarkorlatban III. : Statikus blokk elemek eltolása és igazítása ( 829 olvasás ) 0

máj1

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. ezután eltolást is tudunk rajtuk eszközölni.

tovább … »

b{}xm{}dels.toxin.hu is powered by WordPress and the original FREEmium Theme.
developed by Dariusz Siedlecki and brought to you by FreebiesDock.com