Honlapkészítés, keresőoptimalizálás, honlap optimalizálás, seo, online marketing hírek | tutorial.hu » BoxModellek - hatan, mint a gonoszok

BoxModellek - hatan, mint a gonoszok - (19 unread)

Overflow CSS tulajdonság

Posted: February 27th, 2008, 9:29am CET by toxin

Overflow CSS tulajdonság határozza meg megjelenítését annak az állapotnak, amikor a tartalom nagyobb az őt tartalmazó doboznál, alapértelmezetten visible, lehet még hidden, scroll, és auto, elég egyértelmű szóval : w3c - megfelelő oldala :) . Amit viszont érdemes tudni róla, ill. össze tudtam szedni :
Hello Világ!

Posted: February 24th, 2008, 7:11pm CET by toxin

A tökéletes blog-ot elolvasva, érdeklődnék az itteni viszonyok tekintetében, van üröm-e az örömben, értsd szükséges-e bárminemű módosítás eszközölnöm a blogon, vagy minden rendben csak így tovább . A bejegyzések írása is kezd stabilan a heti programon részévé válni, az-az kijelenthetem, hogy aki velem tart a továbbiakban, az heti 3 frissítésre számíthat ill. mivel a [...]
Background CSS tulajdonság

Posted: February 24th, 2008, 5:05pm CET by toxin

Mivel nem kapcsolódik a dobozmodellekhez, és a -position-on kívül, bonyolultság sincs benne, két linket és egy rövid összefoglalást szúrok csak be ide, első link a w3c megfelelő oldalára mutat, második link pedig a sitepoint idevágó oldalára ami alatt a background egyetlen problematikus aspektusát fejtik ki a background pozicionálását.
Doboz modell V. - Alaptulajdonságok: margin,padding,border vs Box modellek

Posted: February 24th, 2008, 1:26pm CET by toxin

Margin, padding, border habár három különböző tulajdonságát határozza meg a box modelleknek, hatásuk eléggé hasonlít. Ezért célszerűbbnek - és egyszerűbbnek - láttam együtt vizsgálni őket ( ill. részletesebben a margin-t), és inkább hatásuk különbségével foglalkozni. Összefoglalva tehát ezen bejegyzésben megvizsgáljuk: margin, border, padding, hatását egy adott box modellű elemre, szülőelemére, valamint a körülötte lévő egyéb elemekre.
Doboz modell IV. - Alaptulajdonságok: height vs Box modellek

Posted: February 23rd, 2008, 5:54pm CET by toxin

CSS alatt a height tulajdonság határozza meg az egyes (box) elemek magasságát, azok így lehetnek: tartalom, tartalmazóelem és általunk beállított magasságúak. A height tulajdonsággal alkalmas az összes box modell magasságának meghatározására, kivétel az inline elemekét, ezek magasságát a font ill. a font-size határozza meg. Lássuk hogyan ...
Doboz modell III. - Alaptulajdonságok: width vs Box modellek

Posted: February 19th, 2008, 8:04am CET by toxin

CSS alatt a width tulajdonság áll rendelkezésünkre, ahhoz hogy meghatározzuk az egyes (box) elemek szélességét, amik így lehetnek: tartalom, tartalmazóelem és általunk beállított szélességűek. Ebben a jegyzetben ezt foglaljuk össze, a későbbi könnyű összehasonlítás céljából.
Doboz modell III. - Alaptulajdonságok: width vs Box modellek

Posted: February 19th, 2008, 8:04am CET by toxin

CSS alatt a width tulajdonság áll rendelkezésünkre, ahhoz hogy meghatározzuk az egyes (box) elemek szélességét, amik így lehetnek: tartalom, tartalmazóelem és általunk beállított szélességűek. Ebben a jegyzetben ezt foglaljuk össze, a későbbi könnyű összehasonlítás céljából.
Doboz modell II. - Alaptulajdonságok vs Table,Absolute,és Floated Box modell

Posted: February 17th, 2008, 2:36pm CET by toxin

Kapirgáljuk meg a felszínét annak, hogy display, width, height, padding, margin, background, overflow és visibility - és az adott dobozmodellre jellemző specifikus CSS tulajdonságok - hogyan érvényesülnek, amennyiben table, absolute, vagy floated box modell-re alkalmazzuk őket. Csapjunk is bele a lecsóba
Doboz modell I. - Alaptulajdonságok vs Inline,Inline-box,és Box modell

Posted: February 16th, 2008, 4:47pm CET by toxin

CSS-ben a doboz modell határozza meg a kapcsolatot a következő tulajdonságok között: display, width, height, padding, margin, background, overflow és visibility. Hat box modellel találkozhatunk CSS- alatt: inline, inline-block, block, table, floated, absolute. Azért hogy az életünket megkönnyítsék ezen modellek a fenti tulajdonságokra eltérően reagálnak és emiatt eltérő megjelenítésbeli változást is érhetünk el velük, nembeszélve a böngészők közötti megjelenítésbeli különbségről. Eddig csak a felszínét kapirgáltam meg a témának, de a leghosszabb út is az első lépéssel kezdődi :)
Doboz modell I. - Alaptulajdonságok vs Inline,Inline-box,és Box modell

Posted: February 16th, 2008, 4:47pm CET by toxin

CSS-ben a doboz modell határozza meg a kapcsolatot a következő tulajdonságok között: display, width, height, padding, margin, background, overflow és visibility. Hat box modellel találkozhatunk CSS- alatt: inline, inline-block, block, table, floated, absolute. Azért hogy az életünket megkönnyítsék ezen modellek a fenti tulajdonságokra eltérően reagálnak és emiatt eltérő megjelenítésbeli változást is érhetünk el velük, nembeszélve a böngészők közötti megjelenítésbeli különbségről. Eddig csak a felszínét kapirgáltam meg a témának, de a leghosszabb út is az első lépéssel kezdődi :)
HTML építőkockái V.: Whitespace

Posted: February 13th, 2008, 4:39pm CET by toxin

Oké, tudjuk hogy négy típusuk van : space, tabulátor (tab), tabulátor(tab) újsor(newline), és a kocsivissza(return) , tudjuk hogy balra egybegyűjtik őket a böngészők, de mire megyünk még velük...
HTML építőkockái IV.: Inline - Beillesztett elemek

Posted: February 12th, 2008, 2:54pm CET by toxin

Volt néminemű kétségem, ugyan hogy érdemes-e róluk egy külön bejegyzésben megemlékezni, az ok amiért mégis ezt teszem a következő: ezen elemek áttekintése alkalmas arra, hogy majd megértsük az elkövetkező webes szabványok XHTML 2.0 valamint az X/HTML 5 -ben lefektett elképzelések, törekvések hátterét, a kiindulási állapotot amivel most kell boldogulnunk. Tovább...
HTML építőkockái III.: Általános célú blokk elemek

Posted: February 10th, 2008, 9:11pm CET by toxin

A blokk elemeket kitárgyaló sorozatunk utoljára tervezett részében, amit lehet követni fog egy extra bejegyzés az inline elemekről, az általános célú blokk elemekről olvasható egy röpke szösszenet. Miért is van rájuk szükség, mi a szerepük, milyen elemek tartoznak közéjük?
HTML építőkockái II.: Terminális blokk elemek

Posted: February 10th, 2008, 6:46pm CET by toxin

Most hogy már van némi rálátásunk arra miért is játszanak fontos szerepet a blokk szintű építőkockák, járjuk egy kicsit körbe ezen célokat, azaz követve a divatos filmes hagyományokat következzenek az előzmények, valamint a következő nagy csoport a terminális blokk elemek tárgyalása
HTML építőkockái I.: Strukturális blokk elemek

Posted: February 10th, 2008, 4:07pm CET by toxin

Már alig várom, hogy nekiálljak dizájnolni, de előtte talán érdemes átnézni dióhéjban azokat a HTML elemeket amelyekkel majd a későbbiekben izé mulatjuk :) az időt. A HTML építőkockáit alapvetően négy fő típusba tudjuk besorlni: strukturális blokk, terminális blokk, általános-célú blokk, valamint inline. Egy dokumentum ezeknek a kombinációjából épülhet fel ill. ezek lesznek később díszítve a CSS-el, valamint használjuk őket struktúraképző és szemantikus célokra. Lássuk akkor őket.
Normalizált stíluslapok

Posted: February 10th, 2008, 12:26pm CET by toxin

Nemigazán használtam még a CSS reset-elést, ezért készítek egy bejegyzést róla, esetleges későbbi továbbgondolás céljából, illetve hátha valaki egy komment formájában megvilágítja mennyire van ennek jelentősége, a gyakorltaban. Miről is van szó?
Tanuljunk CSS-t, de hogyan ?

Posted: February 10th, 2008, 10:31am CET by toxin

Miért született ezen blog, mik a motivációi a lap elkészültének, akit érdekel katt a továbbra :)
Köszönjük, hogy a WordPress-t használod!

Posted: February 10th, 2008, 1:16am CET by toxin

Immár 3 órája, aki tudna egy pofás crossbrowser fluid skin-t hozzá ne kíméljen. Hajrá CSS
Inheritance - Öröklődés

Posted: February 9th, 2008, 9:47pm CET by toxin

Mielőtt harcba indulnánk a hat 'gonosz' ellen, egy próba bejegyzés :) , azért érdekes is lehet. Kisebb dizájnbeli módosítások elvégzésekor, annak felderítése mely stílusok öröklődhetnek egy adott szülőelemről, sokszor kisebb fejtőrést jelent számomra. Ebben a bejegyzésben utána szaglászok melyek is lehetnek ezek.

March 2008 (11 items) →

Honlapkészítés, keresőoptimalizálás, honlap optimalizálás, seo, online marketing hírek | tutorial.hu » BoxModellek - hatan, mint a gonoszok - » February 2008

Feeds

BoxModellek - hatan, mint a gonoszok - (19 unread)

Posted: February 27th, 2008, 9:29am CET by toxin

Posted: February 24th, 2008, 7:11pm CET by toxin

Posted: February 24th, 2008, 5:05pm CET by toxin

Posted: February 24th, 2008, 1:26pm CET by toxin

Posted: February 23rd, 2008, 5:54pm CET by toxin

Posted: February 19th, 2008, 8:04am CET by toxin

Posted: February 19th, 2008, 8:04am CET by toxin

Posted: February 17th, 2008, 2:36pm CET by toxin

Posted: February 16th, 2008, 4:47pm CET by toxin

Posted: February 16th, 2008, 4:47pm CET by toxin

Posted: February 13th, 2008, 4:39pm CET by toxin

Posted: February 12th, 2008, 2:54pm CET by toxin

Posted: February 10th, 2008, 9:11pm CET by toxin

Posted: February 10th, 2008, 6:46pm CET by toxin

Posted: February 10th, 2008, 4:07pm CET by toxin

Posted: February 10th, 2008, 12:26pm CET by toxin

Posted: February 10th, 2008, 10:31am CET by toxin

Posted: February 10th, 2008, 1:16am CET by toxin

Posted: February 9th, 2008, 9:47pm CET by toxin