ugrás a tartalomhoz

kisebb felbontáson lenyíló menü

vmarci21 · 2012. Aug. 18. (Szo), 17.09
Sziasztok!
Az lenne a kérdésem hogy css, javascript, html5 -el (php nélkül), valahogy megodható-e hogy a menüben a böngészőablak méretétől függően, a nem kiférő elemek (tehát amik 1 sorral "lejjebb ugranak"), lenyíló menübe kerüljenek?

A válaszokat előre is köszönöm!
‹ IE9 probléma Javascript paraméterátadás ›
 ■
1

Természetesen

Pepita · 2012. Aug. 18. (Szo), 23.53
Biztosan megoldható, valószínűleg csak CSS-el, de lehet, hogy kell JS is.
2

köszi

vmarci21 · 2012. Aug. 19. (V), 10.53
köszi, a választ megkaptam itt

Bár ha valaki tud, akkor érdekelne más megoldás is.
3

media queryvel pl

ciluu · 2012. Aug. 19. (V), 14.58
ha sikerult megertenem, akkor pl: media queryvel
4

Probléma felvetése

Pepita · 2012. Aug. 19. (V), 23.42
Ott is - hasonlóan - nem eléggé érthető kérdést tettél fel, így nem lehet kielégítő választ adni. Itt a menetrend az, hogy a kérdéseddel együtt hozol egy HTML-részletet (amiben a kérdéses menüelemek vannak), a hozzá tartozó CSS-el, és pontosan leírod, hogy milyen esetekben (kiváltó körülmény) milyen/miben más megjelenést szeretnél. Enélkül - konkrét kérdés nélkül - lehetetlen konkrét választ adni - itt vagy akár máshol.
5

bocsi

vmarci21 · 2012. Aug. 23. (Cs), 18.41
Elnézést ha rosszul fogalmaztam, szerintem eggyértelmű volt a kérdés (bár érdekes lenne ha számomra sem lenne egyértelmű (:).

Konkrétan azt akarom hogy ha a menü (kódot lásd lejjebb) egyik eleme nem fér ki, "lejebbugrik", (tehát a böngészőablak mérete kisebb a menü szélességénél,) akkor azok az elemek amik kilógnak, menjenek lenyíló menübe. (tehát a menü szélessége kisebb vagy = legyen a böngészőablak méretével, a kilógó elemek lenyíló menübe "mennek" (lásd 2.pl.)

A html-ben a menü egy sima lista:

<div id="menu">
<ul>
<li><a href="#">1.menüpont</a></li>
<li><a href="#">2.menüpont</a></li>
...
2.pl

<div id="menu">
<ul>
<li><a href="#">1.menüpont</a></li>
<li><a href="#">2.menüpont</a></li>
...
<li>+ <ul>
<li><a href="#"> a lenyíló menü</a></li>
<li>...
</ul></li>
(tehát a kilógó elemeg elé bejön egy: <li>+ <ul>, mögé pedig egy:</ul></li>)



Remélem most már érthető voltam
6

Nem egészen

Pepita · 2012. Aug. 28. (K), 00.27
Ami itt kimaradt: a HTML-hez tartozó CSS. Vagy a szövegbe kellett volna beírnod, hogy a menülista jobbra (v. balra) van float-olva. Mert a szövegből még mindig csak találgatni lehet, hogy ez vízszintes menü szeretne lenni (, de lehet, hogy még mindig nem értem / tévedek). És ugyanebből a CSS-ből kéne látni azt is, hogy az elemeknek fix vagy relatív méreteik vannak, stb, stb...

Sebaj, ha már megoldódott, akkor ne firtassuk, szerintem ennyitől már jobban fogsz legközelebb kérdezni. (Viszont hejessírás 1-es.)