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 … »
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 … »
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 … »
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 … »
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 … »
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
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 … »
ápr28
Az előző bejegyzésben megkezdett témát befejezendő, folytassuk is. Két lehetőségről nem esett még szó:
- egy sornál nem hosszabb szöveget vertikálisan középre tudunk igazítani ill. a böngésző megteszi ezt helyettünk, abban az esetben ha a szöveg magasságánál nagyobb line-height-et adunk meg
- vertical-align:±ÉRTÉK , segítségével is lehetőségünk van vertikális eltolás beállítására
tovább … »
ápr20
Elöljáróban szeretném leszögezni, hogy ez a bejegyzés szigorúan ‘belső’ használatra készült – nem mintha a többi nem – , mind terminológiájában mind tartalmában, valószínűleg változni fog majd a későbbiekben, ezért adtam neki egy 0.1 kezdőverziószámot
A bejegyzésben elsőnek a horizontális igazítást nézzük át, majd a sokkal izgalmasabb vertikális igazítással -és az inline formázási kontextussal (inline formatting context) – fogunk foglalkozni.
tovább … »
ápr13
Előző bejegyzés hatására fejbekólintott a megvilágosodás, ezért a Elemi csoportok (atomic groups) bejegyzés tartalmát módosítottam (bevezető, kép alatt), uff
