Mérei Tamás webdesigner

Tutorial: HTML+CSS menü – ami korábban kimaradt

Szerző:   |   2010-10-24

Korábban már volt két videó a témával kapcsolatban, (egy, kettő) azonban érkezett egy csomó kérdés levélben, illetve a VideoSmart-on is. Ezekre igyekszik választ adni ez az anyag.

Mérei Tamás Webdesigner

Szerző

Mérei Tamás vagyok, webdesigner. Reszponzív weboldalak készítésével foglalkozom, grafikai tervezéstől a HTML + CSS kódolásig.

Ismerj meg! Nézd meg eddigi munkáimat! Lépj velem kapcsolatba!

49 hozzászólás

  1. Máté
    2013. augusztus 30. péntek - 16:28

    Szia Cyrex!
    Én azt csináltam hogy spriteos menüvel de valamiért összefolyik a fejléc meg menü és a szöveg.
    Nem tudnál segíteni?

    • cyrex
      2013. szeptember 5. csütörtök - 14:15

      Lehet a floating miatt. Clearfix elemeket ellenőrizd, hogy bent vannak e a megfelelő helyeken.

  2. Nándi
    2013. június 4. kedd - 02:28

    Szia. Nem tudom hasznalni az altalam kivalasztott szovegtipust… font-family:arial, helvetica, sans-serif; mi lehet a gond?

  3. Attila
    2013. május 15. szerda - 09:42

    Szia Cyrex,
    nekem is az lenne a kérdésem ami az előttem kérdezőnek …
    hogy lehet azt megoldani hogy mindig egyforma legyen a két div mérete?

    • cyrex
      2013. május 26. vasárnap - 19:00

      Erre miért van szükség?

  4. Gergő
    2012. október 1. hétfő - 18:07

    Szia!

    Hogyan tudom megcsinálni azt, hogy a hasábok magassága dinamikusan változzon… Úgy értem, hogy mindkettő hasáb folyamatosan ugyanolyan magas legyen.

  5. Botond20
    2012. szeptember 13. csütörtök - 20:27

    Helló!
    Nekem az a baj hogy a első gomb után a többi pár pixellel lejjebb vannak.
    Mi lehet a baj?

  6. Ocsi20
    2012. június 29. péntek - 07:36

    Udv.
    Csinaltam egy weboldal kinezetett cyrex videoi segitsegevel amit koszonok es vannak gondjaim.
    azt szeretnem kerdezni,hogy:
    csinaltam egy index.html-t ami tartalmazza a fooldal kinezetet es a menuket meg mellette van a style.css.Azt szeretnem megoldani,hogyha ramegyek az eggyik menupontra (bal oldalt fuggolegesen vannak a menuk)akkor nem ugorjon uj ablakba hanem ugyan abban az ablakban jelenyen meg az iras pl jobb oldalon es lehetoleg a hatter es a menuk ugyan ott maradjanak.

    • cyrex
      2012. június 29. péntek - 11:58

      Ezerszer kitárgyalt téma, alattad egyel is kérdezte már valaki.

    • Adam
      2013. december 31. kedd - 13:19

      Tegnap már leírtam hogy target=_self vagy target=_parent

  7. Norbeee
    2012. június 12. kedd - 00:20

    Hali!
    Olyan kérdésem lenne, hogy nem lesz olyan videó, ami azt mutatja be, hogy a menüpontokra kattintva, hogy változik meg a menü tartalma? Vagy is, hogy hogyan lehet ezt elérni?
    Tegyük fel, hogy van két menüpontom: 1. Főoldal 2. Elérhetőségek. Az index.html az a főoldal, de ha az Elérhetőségek menüpontra kattintok, akkor hogy változik meg a menü tartalma?

  8. danix99
    2012. május 19. szombat - 12:18

    Szia! Nekem az istenért se akar középre menni :\
    Kép:

    http://danix99.atw.hu/help!.png

    oldal:

    http://danix99.atw.hu/asd!/index.php

    Jó fájl van feltöltve az ftp-re de mégse megy! :\

  9. Marci
    2012. május 16. szerda - 19:02

    Photoshopban hogyan lehet olyan animációt készíteni? Egyébként nagyon jó a videód!

  10. Snake.
    2012. február 7. kedd - 20:42

    Szia. Csináltam egy oldalt fel is töltöttem de.. nem jelzi ki az ékezetes betűket mi lehet a baj ? Oo :/
    UTF-8-ban írtam BOM nélkül :/
    ez az az oldal: http://biogame.xxl.hu/
    válaszodat köszönöm 🙂

    • tichi
      2012. július 8. vasárnap - 15:43

      Próbáld meg ANSI kódolásban. Nekem csak úgy ment. Kódolás menü, “Átalakítás ANSI kódolásra”.

  11. Csaba
    2011. november 12. szombat - 14:46

    Valakinek akinek sikerült eltudná nekem küldeni?
    egy kép is jó az egészről amiben látszódik minden…
    CeDeeh007@gmail.com

  12. Csabi
    2011. november 11. péntek - 23:44

    Hello!
    Nekem valami nemjó…úgy csináltam mindent ahogy te de a css nem müködik..
    (itt a kép)
    http://www.kephost.com/view3.php?filename=ovp8970nf5k97ali1q..

  13. Kundli
    2011. október 31. hétfő - 21:18

    Hogy lehet a menü hivatkozásait beállítani?
    Arra gondolok, hogy régen CSS nélkül “frame”-kel oldottam meg azt, hogy az 1-es “frame”-ből, ahol a menü volt a 2-es “frame”-be töltötte be az oldalt. Ezáltal nem töltött be mindig új oldalakat.
    Ezt szeretném “frame”-k nélkül megoldani, ha lehet.
    Előre is köszi!

  14. priger
    2011. október 27. csütörtök - 13:44

    Tisztelt Cyrex!
    A problémám az lenne, hogy a verticalis menüm almenüjének az almenüje valamelyért nem jelenik meg.
    Szerintem valami kódolási hiba lehet. Van egy kis időd légyszi nézz rá a kódra. Ha van ötleted, nagyon megköszönném.
    link:
    http://kepfeltoltes.hu/view/111027/47117563notpad___www.kepfeltoltes.hu_.jpg

    • cyrex
      2011. október 27. csütörtök - 15:05

      Ránézésre egy csomó ul nincs lezárva, vagy rossze helyen záródik.

  15. Tomaszcool
    2011. augusztus 11. csütörtök - 18:33

    Csákó!

    Ezt a menüt lehet valahogy középre rendezni?? …még rajta vagyok az ügyön, de sokat segítene, ha meg tudnád írni.
    Amúgy kiváló az oldal, ha időm engedi szoktam a vidik között barangolni. Tervezel egy videót vagy videó sorozatot, ami a jQuery-vel foglalkozik, mert nagyon érdekelne?

    • cyrex
      2011. augusztus 12. péntek - 09:38

      Fix szélesség + auto margin.

    • Tomaszcool
      2011. augusztus 13. szombat - 18:29

      Köcce, sikerült is. 🙂
      Esetleg tudnál könyveket ajánlani, amiből érdemes tanulni?

  16. mateee
    2011. január 30. vasárnap - 11:44

    Szia!
    Nem biztos ,hogy ehhez a videóhoz való legjobban a kérdés de itt is csináltál hasábokat.
    Na most az a baj ,hogy van 2 hasáb egymás mellett és írok bele olyan hosszú szöveget hogy nem fér ki egy sorba , de itt nem új sort kezd hanem kimegy a háttérre a szöveg tehát nem kezd új sort. Ez meg lehetne oldani sor br írásával de az sok munka nincsen valami könnyebb megoldása? ( itt a kód így lehet könnyebb
    http://kepfeltoltes.hu/view/110130/86995242gg_www.kepfeltoltes.hu_.jpg)
    Előre köszi!

    Egyébként tényleg jó a videóid!

    • cyrex
      2011. január 30. vasárnap - 14:03

      Azért a WordWrap (hosszú sorok törése) elég alapvető dolog, még a windows-os jegyzettömb is tudja. Keresd meg az ikonját és kapcsold be.

    • mateee
      2011. január 30. vasárnap - 14:23

      Lehet rosszul írtam le de nekem nem nodpad-ba kell új sort kezdenie ,hanem a kész oldalon és ott nem kezd újat.
      Előző képnek rossz a linkje itt van a jó: http://kepfeltoltes.hu/view/110130/86995242gg_www.kepfeltoltes.hu_.jpg

    • cyrex
      2011. január 30. vasárnap - 14:41

      Ha nem teszel szóközt a szövegedbe, nem fogja tudni eltörni a sort.

    • mateee
      2011. január 30. vasárnap - 14:45

      óóó tényleg így már működik is köszi szépen

  17. Norbi
    2011. január 28. péntek - 11:47

    Szia!

    Átnéztem az oktató videókat nagyon jók csak gratulálni tudok hozzájuk!
    Azonban lenne egy dolog, amit sehogy sem tudok megoldani és ebben kérném a segítségedet;
    Ha egy menüponton kattintunk, hogy lehet elérni, hogy a hozzá tartozó tartalom ugyanabban az ablakban, de a menü alatt jelenjen meg.
    pl.: a left-column div-ben.

    Előre is köszi

  18. Crowley
    2011. január 14. péntek - 11:49

    Szia!
    Megoldható-e, ha igen, hogyan, hogy a menük szélessége dinamikusan változzon és kitöltse a rendelkezésre álló szélességet akkor is ha plussz menüket adok hozzá ?

    Köszönöm és gratula a videóhoz!

    • cyrex
      2011. január 14. péntek - 13:53

      Egyszerű. Annyi, hogy nem pixelben adod meg az elemek szélességét, hanem százalékban.

  19. gumitarzan
    2010. november 25. csütörtök - 20:12

    Helló

    magyar notepad++ használok és ami neked jobboldalt van az hogyan lehet pontosan előhívni?

  20. DarkHun
    2010. november 21. vasárnap - 14:45

    csáó
    azt hogy lehet megcsinálni hogy a menü pontok középre menyenek ne igy oldalt logjanak ki ugy ahogy a te vididbe csa középre érted mi mondok nem?

    • cyrex
      2010. november 21. vasárnap - 16:27

      Padding-el és margin-al oda igazítod a menüt ahova akarod.

    • DarkHun
      2010. november 23. kedd - 18:18

      köszi

  21. Dani
    2010. november 6. szombat - 23:00

    Szia nagyon szeretem a videóidat! Egy kérésem lenne, hogy a képfájlokat amiket használtál feltudnád-e tölteni valamelyik ingyenes tárhelyre, de nekem az is jó lenne, ha e-mailba el tudnád küldenéd. Köszönöm!

    • cyrex
      2010. november 7. vasárnap - 08:26

      Szia!

      Sajnos nincs már meg, a képeket gyorsan a videó előtt dobtam össze, aztán töröltem is. Összesen 3 képet kell csinálnod hozzá nem olyan vészes, egy fejléc, meg a menünket az aktív és inaktív háttere.

      – cyrex –

    • Dani
      2010. november 7. vasárnap - 12:48

      Azért köszönöm:)

Hozzászólás

Legújabb hozzászólások