Függőleges középre igazítás block típusú elemeknél

Szerző:   |   2011-03-27

Habár rengeteg anyag született már a témában, a mai napig sok helyen látom a kérdést, hogy miért nem működik a vertical-align beállítás fix méretű DIV-ek esetében. A válasz egyszerű: azért, mert a DIV block típusú elem és nem úgy viselkedik, mint a táblázat cellái, ahol ugye az őskorban a valign="middle" beállítást használtuk erre a célra.

Léteznek azonban közelítő megoldások, ebből próbáltam meg párat összeszedni, de nekem az a saját véleményem, hogy a függőleges középre igazítást inkább célszerű elkerülni block típusú elemeknél.

Videó

Videó

21 hozzászólás

  1. 2011. május 9. hétfő - 13:59

    Remélem lesz css tutorial főleg ami a menükkel foglalkozik

    • 2011. május 11. szerda - 15:26

      Én meg a php-és bejelentkező felületre vagyok kiváncsi 🙂

  2. 2011. május 3. kedd - 20:06

    Szia cyrex!
    Azt elárulod nekünk, hogy milyen témában lesz a következő videód, tutoriálod.
    Válaszod előre is köszönöm.

    Üdvözlettel:
    ikristof

  3. 2011. április 25. hétfő - 23:11

    Következő tutorial mikorra várható? 🙂

    • 2011. május 2. hétfő - 19:40

      Már én is kíváncsi lennék 😀 😀 vagy nem lesz több videó? 🙁

    • 2011. május 2. hétfő - 19:45

      Lesz 🙂

    • 2011. május 2. hétfő - 21:46

      Minnél több PHP kérnék 😀 😀

  4. 2011. április 13. szerda - 21:13

    üdv! mien programmal veszed fel a videókat?

    • 2011. április 14. csütörtök - 08:52

      Camtasia Studio, de nem a legjobb program. 30 percnél hosszabb videókat már elég necces dolog rögzíteni vele HD felbontásban. A full HD meg szinte esélytelen.

  5. 2011. április 6. szerda - 18:27

    Bocsi hogy megkérdezem de mikorra várható a következő videó ? 😀
    Már kíváncsi vagyok az újabb oktatásra.

    • 2011. április 8. péntek - 14:23

      Nem tudom, valahogy mostanában nem bírom összeszedni magam, pedig nagyon kellene már valami normális anyagot nyomni.

    • 2011. április 8. péntek - 23:16

      Hát összeszedhetnéd magad 😀 😀 de türelemmel várok legalábbis én

    • 2011. április 9. szombat - 10:27

      hát én már naon várom a következőt…te nem tudsz rosszat összedobni…szval csak jó lesz a következő videó…

    • 2011. április 10. vasárnap - 11:00

      Nem baj cyrex én is várok türelemmel.. 😀

  6. 2011. április 4. hétfő - 19:27

    Hali!
    Nem ide kapcsolódik a kérdésem, problémám, de gondoltam itt teszem fel.
    Kedves Cyrex, nem csinálnál egy olyan videót, amiben bemutatod, hogyan lehet egy komplett e-mail küldő formot megcsinálni?
    Arra gondolok ezalatt, hogy nem csak egy kinézetet csinálni hozzá, hanem funkciókat is.
    Ennyi lenne a probléma 🙂 Köszi előre is, ha lesz belőle valami.
    Üdv.: EoX.

  7. 2011. április 2. szombat - 07:36

    Hi!

    Lenne egy kis problémám! Ezt bele is tettem egy .rar-ba… A hiba az lenne hogy az utolsó két dobozt jobbra kéne “lebegtetni”. Van egy Hiba mappa ott képpel el is magyarázom xD a másik mappában pedig az egész weboldal! Lécci segíts!

  8. 2011. április 1. péntek - 21:10

    Cyrex nem találtál ki nekünk valamit április 1-jére? 🙁
    😀

    • 2011. április 1. péntek - 22:34

      Tényleg csinálhattál volna valamit cyrex :D:D valami vicceset 😀

  9. 2011. március 28. hétfő - 19:38

    Helló! Azt szeretném kérdezni hogy nem tudnál e egy olyan rövidke kis videót csinálni hogy letöltöd az easyphp-t felrakod és hogy ne kelljen a php-t egyből feltölteni meg minden hogy megtudjuk úgy nézni mint te mert nekem egyszer már sikerült de már nem tudom megcsinálni. Köszi!

  10. 2011. március 28. hétfő - 18:37

    hát én inkább azt a megoldást választom hogy nem csinálok ilyan oldal struktúrát 😀 de ettől független egy újabb hazsnos videótt láthatttunk

  11. 2011. március 28. hétfő - 18:26

    Hello
    Lenne egy kérdésem: Hogyan lehet ilyet csinálni : http://kepfeltoltes.hu/view/110328/postafiok_www.kepfeltoltes.hu_.png

    Kösz

Hozzászólás

Keresés a blogon
Kategóriák
Legújabb hozzászólások
  • Bootstrap 4 setup

    Shift + Tab...

  • Bootstrap 4 setup

    Hali. Hogy csinálod azt a videókban, hogy egyszerre törölsz több sor tabulátorát is? Hogy kijelölsz egy részt és azok mögül mind törölsz tabulátort eg...

  • Dia szkennelés házilag

    Örülök, hogy segített az írás....

  • Dia szkennelés házilag

    Nagyon szépen köszönöm, hogy leírta próbálkozásait, mert engem is gondolkodásra késztetett. Több száz diaképem van, de én sem akartam kisebb vagyont k...

  • Adobe XD VS. Lunacy

    Ez egy lebutított vektorgrafikus rajzolóprogram, semmi több. Ha az alkalmazásod / weboldalad tartalmaz raszteres elemeket, azokat PS-ben kell külön le...

  • Adobe XD VS. Lunacy

    Szerintem (ez csak az én meglátásom) az XD inkább csak mobil alkalmazás fejlesztésére van. Nem igazán látom azokat a funkciókat benne amiket PS-ben. N...

  • Adobe XD VS. Lunacy

    A Photoshop sosem volt igazán weboldal tervező program. A Fireworks közelebb volt hozzá annak idején, de azt megszüntették. Más kérdés, hogy még mindi...

  • Adobe XD VS. Lunacy

    Meg a PS amúgy sem ingyenes, szóval az Xd egy jó alternatíva az ilyen esetekre....

  • Adobe XD VS. Lunacy

    Dehogynem. Csak most ez a divat, hogy kattintható prototípusokat hozzunk létre....

  • Adobe XD VS. Lunacy

    PS nem megfelelő?...

  • Adobe XD VS. Lunacy

    Az Xd vel fogom csinálni a weboldalak layoutját ezentúl....

  • Adobe XD VS. Lunacy

    A Lunacy-ban az "images, comments, messages" részt nem sikerűlt egyenlő távolságra alakítani :) Maradjunk az XD-nél :)...