ugrás a tartalomhoz

Függő poziciójú vertikális almenü CSS-sel

neta · 2006. Már. 15. (Sze), 00.45
Adott egy DIV:
css pl

div.menu {
	position: absolute;
	top: 100px;
	left: 50px;
	width: 800px;
	height: 20px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding:0;
	margin:0;
	}
ebbe szeretnék beletenni egy ilyen menüt

body pl.

<body>
  <div class="menu">
  <ul>
	<li><a href="#">1</a>
            <ul>
	        <li><a href="#">1/a</a> </li>
	        <li><a href="#">1/b</a> </li>
            </ul>
        <li><a href="#">2</a></li>
	<li><a href="#">3</a></li>
	<li><a href="#">4</a></li>
	<li><a href="#">5</a></li>
	
  </ul>
</div>
</body>
szeretném hogy a főmenü vízszintes lenne, de a submenü pedig függőleges, mégpedig a főmenüje alól nyíljon ki, tehát pozicionálható.
Olyat találtam a neten aminél mind a kettő függőleges elrendezésű. A főmenü és a mellékmenü menü is függőleges, de olyat nem találtam hogy a főmenü vízszintes, a mellékmenü pedig függőleges.

Tud valaki rajtam segíteni? Link? Vagy ötletek.

Köszi
‹ Submit automatikusan Véletlenszám generálás JavaScript-ben ›
 ■
1

Persze...

janoszen · 2006. Már. 15. (Sze), 00.53
Persze, hogy tudunk. De ha egy kicsit játszadozol vele, magadtól is rájössz.

Adott ez: http://www.xs4all.nl/~peterned/examples/cssmenu.html

Ehhez még annyi szabály, hogy:

ul li
{
 float:left;
}

ul li li
{
 float:none;
}
A többit kisérletezd ki magad. Ez is kb 5 perc kisérletezésbe került volna.

OFF: legközelebb légy oly drága BBcode jelölőket használni.
3

k

neta · 2006. Már. 15. (Sze), 15.10
köszi!
Csak annyi hogy nem értek a css-hez semennyire, most tanulom.
MI az a BBcode?
4

BBcode

janoszen · 2006. Már. 15. (Sze), 15.18
Hát, akkor sok sikert a tanuláshoz. Segítségedre lehet: http://htmlspec.web.elte.hu/

A BBcoderól egy leírást a beküldő mező alatt találsz. :) (Nem árt néha nézelődni... :D) Egyébként a közvetlen link: http://weblabor.hu/bekuldes/tippek
6

plííz

neta · 2006. Már. 15. (Sze), 21.33
Szia újra!
Nem tudnád átalakítani nekem olyanná a linken (amit küldtél) található menüt úgy hogy a főmenü vízszintes legyen, az almenü pedig legördülő a főmenüje alatt?
Nem boldogulok egyáltalán. Amik vannak vagy nem tetszenek, vagy nem működnek ie alatt, vagy nem lehet őket letölteni....
2

Dropdown menü...

-zsolti- · 2006. Már. 15. (Sze), 00.54
...vagy nem értem? Itt találsz párat.
5

feladom

neta · 2006. Már. 15. (Sze), 21.10
talátam egy jót! Megcsináltam olyannak amilyennek nekem tetszik.
A firefox gyönyörűen megjeleníti. Gondoltam megnézem ie-ben......hát, nem csinál semmit, meg se jelenik..pedig csak szinte a neveket írtam át.
Aztán olyat is találtam ami jól néz ki, de letölteni nem lehet.....

még próbálkozok, de lehet hogy inkább megcsinálom flashben...azzal már rég készen lennék. :(
7

ebben mi a nem jó?

neta · 2006. Már. 15. (Sze), 22.19
http://www.karlovecz.hu
ez miért nem működi ie alatt?????
Pedig firefox alatt olyan szép :)
8

kiváltás

neta · 2006. Már. 15. (Sze), 22.27
display: table;
és a display: table-cell;-t ki lehet váltani valamivel, hogy az ie is tudja érteni?
A Dreamweawer ezek miatt kiabál, hogy nem érti ezt a stupid ie.
9

SIKERÜLT!!!!

neta · 2006. Már. 16. (Cs), 21.12
Na végre! Sikerült egy magyar oldalt találni, ráadásul ott jól el van magyarázva, van példa és szép is a kód, nem olyan összevissza kibogozhatatlan.
10

oldal

winston · 2006. Már. 16. (Cs), 21.38
ezért most fölösleges volt írnod, de ha már írtad, akkor odatehetted volna az oldal címét. amúgy egy tanács: ha tényleg komolyabban akarsz foglalkozni a témával (webdesign), barátkozz meg azzal, hogy a legtöbb (és ált. a legjobb) források angolul vannak.
11

IE probléma :(

Anonymous · 2006. Már. 23. (Cs), 09.20
Sziasztok. http://cssplay.co.uk/menus/menunine.html valami ilyesmi menüt szeretnék a saját honlapomba beilleszteni, ugye amikor rámegyek a szöveg feljebb ugrik pár pixellel. Miután betettem a saját oldalamra akadt egy olyan problémám hogy explorerrel a szöveg "akkorát ugrik mint egy ház"; szóval legalább 3 szor akkorát mint kellene. Hogy lehetne ezt explorernél megoldani hogy a többi böngésző ugyanolyan jól mutassa mint eddíg? valahogy biztos meg lehet mert ha explorerrel nyitom meg a fent megadott címet ott jó szóval valami még itthon hiányozhat.

Köszönöm a segítséget előre is!!
12

megoldódott

Anonymous · 2006. Már. 23. (Cs), 12.25
kicsit alakítani kellett rajta de megoldódott.. minden böngésző tudta értelmezni a padding-ot csak az IE nem. kicsit lejjebb raktam az egészet erre az IE a felét odafent hagyta és tök mind1 volt tulajdonképp az hogy mennyivel ugrik fel mert ő az eredeti állapothoz képest tolta el nem a lejjebbvitthez, és ezért ugrott akkorát a szöveg. De a lényeg hogy már sikerült megoldani. De egyszer még becsavarodok ezektől hogy 3 féle böngésző 6 féleképp mutatja ugyanazt :)
13

css menü

farkas77 · 2006. Már. 27. (H), 15.10
http://www.vadkelet-sport.hu/hun/index_hun.htm
ilyenre gondoltál?
14

függőleges menü + leírás

erenon · 2006. Már. 27. (H), 15.50
A menü:
http://www.netoktato.hu/pelda.php?wid=359&fid=18.html
és a leírás:
http://www.netoktato.hu/?func=tut&act=view&cat=6&id=216