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

Szerző: Mérei Tamás   |   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
  • Responsive menü

    Itt a működő kód, innen másold ki: https://cyrex.hu/uploads/2014/08/responsive-menu/...

  • Responsive menü

    Szia. A kódok alapján, meg persze a videót végignézve megcsináltam a menüt. Sajnos nem úgy működik, ahogy kellene. A menü3 almenüi nem gördülnek le, ...

  • A shape-outside CSS property

    Szerintem azt sehogy....

  • A villanyszerelés örömei panelben

    Panelban ugyan az a három fázis jön be három MCU-n és nem 3fázis... Keresztmetszet növelés miatt csinálták anno......

  • A shape-outside CSS property

    Szia Jó lett a videó. De mi van akkor ha a képet a szöveg közepére szeretném tenni, és azt akarom hogy így fusson körbe a szöveg....

  • Bootstrap űrlapok

    Jó lett :) Már kezdtem aggódni hogy eltűntél vagy valami hogy ilyen sokáig nem volt videó. 2 naponta néztem az oldaladat hogy hátha.... :)...

  • A villanyszerelés örömei panelben

    Ha három fázisod van, akkor három fázisú Fi relét kell venni....

  • A villanyszerelés örömei panelben

    Szia, ha panellakásba három vezetéken jön be az egy fázis, akkor három fi relét kellene berakni?...

  • A villanyszerelés örömei panelben

    "3 vezeték jön be, fázis-nulla-föld, tehát már az óránál szétválasztották a PEN vezetéket PE-re és N-re vagy más módon, de külön vezetéken jön az N és...

  • Dia szkennelés házilag

    Ezt a fajtát nem tudom, hogy lehet még kapni. Normál diavetítőt lehet kapni nagyobb játékboltokban például....

  • Bootstrap carousel

    Ennél a réginél nem tudom, hogy volt e már ilyen opció, de az újnál már van olyan, hogy touch="true"...

  • Adobe XD VS. Lunacy

    Sketch-et nem használok, mert nincs mac-em. Axure-t használok, arról találsz anyagot az oldalon....