HTML + CSS menü

Szerző:   |   2010-10-24

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

Videó

Videó Videó

49 hozzászólás

  1. 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?

    • 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. 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. 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?

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

      Erre miért van szükség?

  4. 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. 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. 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.

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

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

    • 2013. december 31. kedd - 13:19

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

  7. 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. 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. 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. 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 🙂

    • 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. 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. 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. 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. 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

    • 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. 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?

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

      Fix szélesség + auto margin.

    • 2011. augusztus 13. szombat - 18:29

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

  16. 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!

    • 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.

    • 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

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

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

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

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

  17. 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. 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!

    • 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. 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. 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?

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

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

    • 2010. november 23. kedd - 18:18

      köszi

  21. 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!

    • 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 –

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

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

Hozzászólás

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

    Gondolom azóta biztos megoldottad, de azért belinkelem ide a legújabb verzióját a carousel-nek: https://getbootstrap.com/docs/4.1/components/carousel/...

  • HTML5 + CSS3 menü

    Az itt sajnos nem fog megjelenni, mert eszképeli amikor elposztolod a kommentet :(...

  • Responsive menü

    Ez a menü bot egyszerű, nem figyel ablak átméretezést és hasonlókat. Ha nincs benne tapasztalatod és nem akarsz vele szórakozni, akkor legegyszerűbb e...

  • Scrollbar színezgetés CSS-sel

    Érdekes felvetés, sosem foglalkoztam ezzel. Most ahogy megnéztem pár weboldalt teljesen véletlenszerűnek tűnik, hogy mikor tűnik el az address bar és ...

  • Bootstrap carousel

    Ha a legújabb Bootstrap-et használod és xs méretben el akarod tüntetni, akkor ez kell: .d-none .d-sm-block...

  • A flexbox model

    Lesz. Folyamatban van....

  • Scrollbar színezgetés CSS-sel

    Meglesni, megtanulni, továbbadni. Ez a helyes sorrend :)...

  • A villanyszerelés örömei panelben

    A legjobb, hogy múltkor akartam venni egy B10-est kismegszakítót. Megkérdezték a boltban, hogy mekkora a főmegszakítóm. Mondom 16-os. Erre rám akarták...

  • A villanyszerelés örömei panelben

    Örülök, hogy nem C16 Amperes az összes kismegszakító, sajnos ez manapság " divat " ! A világításra bőven elég a B6 Amperes kismegszakító, főleg azért ...

  • Scrollbar színezgetés CSS-sel

    Hali. Már régebb óta követlek, és rengeteget tanultam a videóidból, a szakmai tudásom alapjait, és még az alapokon túli tudásom jelentős részét is től...

  • HTML + CSS űrlap

    Hali, programozáshoz nem értek, de most a kliensoldali templétezés a divat. Vue JS, Angular, stb....

  • HTML + CSS űrlap

    Szia Tamás! Nagyon sokat segítettek a videóid. Köszönöm! Nem tudtam eldönteni melyik blogba írjak, ezt választottam. Azt szeretném kérdez...