Tutorial: HTML + CSS menü készítés almenükkel
2011. február 12.Megpróbálkoztam egy almenüs menüt készíteni tisztán CSS-el, javascript nélkül. A videóhoz nem készültem elő, úgyhogy van benne egy nagy adag bénázás, de az eredmény működőképesnek tűnik. Ha valaki megcsinálja és teszteli Opera alatt, majd számoljon be az eredményről.
Üdv CYREX!
Nagyon tetszett a videód és lenne vele kapcsolatosan egy kérdésem.A különböző almenüpontokon belül hogyan lehet tartalmat linkelni.Pl. rákattintok a “Magunkról” almenüre és kiírja a tartalmat.Ezt hogyan kell csinálni?
előre is köszi a segítséget
Üdv CYREX!
nagyon tetszett a videód és lenne azzal kapcsolatban egy kérdésem.A menün belül pl. terméknél hogyan lehetne azt megoldani hogy ha rákattintok az ahoz fűződő tartalamom jelenjen meg.pl szöveg,képek.
előre is köszi a segítséget
Csinálsz neki külön oldalakat és belinkeled.
vilaguralom.pokol.hu itt megnézhetitek de IE -ben nem jó
opera alatt is működik
Elnézést nem vízszintesre gondoltam, mivel abban van megvalósítva, hanem függőlegesre.
Szia!
Az lenne a kérdésem, hogy ezt az almenüs témát, hogyan lehetne vízszintes almenüként megcsinálni?
Válaszodat köszönöm.
Ez engem is érdekelne…:D
hy! tudsz nekem abban segíteni?…most nem sikerült értelmeznem…azt szeretném, hogy legyen a sima menügomb az 1-es kép…mikor feléviszem a 2-es, és mikor rákattintok, a 3-as…valamint mikor benne vagyok a menüpontban, akkor a gomb a 3-as képet mutassa…ezt hogy lehet?
Ha 1 ilyennel kész vagyok akkor hogy tudom használhatóvá tenni? (pl.:Mlap)
Szia!
Le a kalappal !!!
Nagyszerű amit alkottál, és köszönöm !
Elmondva sokkal érthetőbb mint leírva, nagyon jól magyarázol !
Max
Mi a szám címe ami fut?
Hello! Azt szeretném kérdezni, hogy hogyan lehet megoldani: egy táblázat két oszloppal, és mindkét oszlopban külön internet oldal jelenjen meg kattintásra, de ne navigáljon el másik oldalra. Előre is köszi!
áá mán nem kell megvan anélkül is
Hello én csináltam egy weboldalt van kb 10 html fájl de én új menüt akarok csinálni bele, de rengeteg munka lenne ezért csináltam egy ojan megoldást hogy az oldalt el 2 osztotam az oldalt 1 rész ez egy kisebb rész ide a menu.htm hozza be a másikban a kezdolap.html, de van egy kis gond ha a menuben rámegyek a pl kezdölapra akkor az elsö részbe nyissa meg (ahun a menunek kéne lennie) , meg lehet e azt ugy csinálni hogy a kezdolap.htm helyére nyiljon meg ????????? Köszi a választ
Hello!
Hogyan kell megoldani azt, hogy az almenü ne az adott főmenü alatt kezdődjön, hanem a container szélességével megegyezően kezdődjön, vagyis az almenü el legyen tolva balra!
Negatív margin.
Szervusz Nagyon köszönöm a segítséget nagyon jó videókat csináltál:) csak így tovább
Szia!
Hogyan tudom elérni, hogy a content tartalma IE alatt is oda kerüljön, ahol most Firefoxban látszik? IE-ben jelenleg a divek egymáshoz képest jó helyen vannak csak globálisan az egész jóval lejjebb és kijjebb esnek
Válaszodat köszönöm!
Nem értem a kérdést. Ha a videót követed akkor elvileg IE alatt sem lehet gond.
az rendben van nálam viszont picit más a szitu itt megnézheted: http://www.sunny3032.fw.hu CSS Conditional Comment-ek megoldást jelenthetnek a problémára? Tudnál abban segíteni, hogy hogyan kell használni a commenteket?
Válaszodat köszönöm!
Üdv Cyrex!
Az szeretném kérdezni, hogy hogyan lehet megoldani azt, hogy a lenyíló menü lenyíláskor ne lógjon rá a tartalomra? Nem az zavar, hogy a menü block típusú, hanem azt szeretném megvalósítani, hogy le tudjon nyílni, ha alatta a content részben van tartalom. Most látni rajta, hogy amint a lenyíló menü eléri az alatta lévő tartalom határát fölcsukódik
Egy másik kérdés, hogyha ez megvalósul és a menü rendesen rányílik a tartalomra hová tegyek háttérszínt, hogy a menük betűi ne keveredjenek a tartalom soraival?
Köszönöm a válaszod
Direkt nem csináltam olyat ami rálóg a tartalomra, mert azzal több a meló
Nézd meg ezt a megoldást, ez így működik: http://www.cssplay.co.uk/menus/dd_valid.html
Kíváncsi volnék a véleményedre:
jól működik.
Mi okozhatja azt, hogy amikor az egeret a főmenüre viszem és lenyílik a menü csak az első két almenüpontig tudom húzni az egeret, amint lejjebb húzom a menü visszazáródik. Nem értem, hogy hol hibáztam, annál is inkább mivel ezt csak két lenyíló menünél játsza el a 3. jól működik illetve a jelenség csak Firefoxban áll fönn, IE-ben az összes menü kivételesen
Köszönöm a segítséged!
elnézést meg is van a válasz elhelyeztem egy javascript naptárat és valamiért ez a script zavarja de nem tudom hogyan helyezzem el hogy ne befolyásolják egymást.
Melyik naptár? SCAL? Mert azzal már már meggyűlt a bajunk párszor, bár nekünk IE alatt voltak vele bajok.
Nem ez csak egy egyszerű kivág-beilleszt kiirja a dátumot és a névnapot.Most kínomban azt csináltam, hogy ahelyett, hogy a content fölső sarkában iratnám ki eltettem az egyik oldalsó boxon belülre, így viszont nem tudom érvényesíteni rajta a css tulajdonságokat.
“”
kiir();
“”
Üdvözlet!
Pusztán a kíváncsi természetem miatt illetve mert ez az elvárás felém, lekövettem a menükészítésnél alkalmazott logikád nincs is vele semmi gond tök világos minden. De Én szeretnék egy olyan mozzanatot csinálni, amikor egy ilyen almenünek van további almenüje. Tovább mentem a Te logikádon, vagyis a szóban forgó almenüt tegek közé tetem, ennek az almenüit, pedig -ek közé, de nem rejtette el őket ahogy a többi almenünél. Ezekre a legbelsőbb tegekre hogyan hivatkozok?Alább fől vázoltam a szóban forgó kódrészletet tehát az “almenü2″-re nem tudom hogyan kell hivatkozni
Válaszodat Köszönöm!
főmenü
almenü1
almenü1
almenü1
almenü1
almenü2
almenü2
almenü2
Itt egy multilevel CSS megoldás:
http://www.cssplay.co.uk/menus/dd_valid.html
IttItt megnézheted, és még vicces is a bácsi.
)
ÜDV! Szerintem még lehetne valami videó az AJAX -ra valami apro példácska, hogy aki elszeretne kezdeni valami komolyabb weboldalt programozni legyen alapja erre is
Jó videó! Köszi.
Hálás köszönet !
Remek videó, nagy segítséget jelent!
Lesz majd jobb almenüs videó is ezt most csak próbaképpen csináltam.
KÖSZÖNÖM
egyébként van egy ötletem: mégpedig az hogy a videó elején mondtad hogy te erre jquery szoktál alkalmazni és mondjuk megcsinálhatnád azt is és így lenne ilyen összehasonlítási mód hogy melyik jobb stb.
ha esetlge lenne hozzá kedved
na erre voltam már én is kiváncsi egy ideje