Vízszintes menü

**thomasz** · 2009-10-17, 13:31

Sziasztok bocs hülye kérdés lesz de hogy csinálhatok olyasmi menüt mint ami jelenleg az elitgamer.net oldalamon van? IE-ben nem jelenik meg és egy olyan megoldás kéne amiben az összes böngészőben úgy működik mint firefoxban.

Hasonló témák:

**mrkera** · 2009-10-17, 13:39

melyikre gondolsz? A sima felső menüre?
"Főoldal Hírek Fórum Cikkek....."
erre?

**thomasz** · 2009-10-17, 13:42

mrkera eredeti hozzászólása

melyikre gondolsz? A sima felső menüre?
"Főoldal Hírek Fórum Cikkek....."
erre?

igen

Az üzenete túl rövid. Kérjük írjon többet az üzenetbe, legalább 25 karaktert.

**mrkera** · 2009-10-17, 13:43

**0xFF** · 2009-10-17, 13:47

hXXp://www.cssmenumaker.com/
hXXp://www.cssmenubuilder.com/build-horizontal-menu

**thomasz** · 2009-10-17, 14:48

mrkera eredeti hozzászólása

ez függőleges nem?

**0xFF** · 2009-10-17, 15:03

Rengeteg CSS menü példa van, és a töbségen az alapja egy lista

HTML kód:

<div id="menu">
<ul>
      <li><a href=index.php?p=home>Home</a></li>
      <li><a href=index.php?p=rolunk>Rolunk</a></li>
      ....
</ul>
</div>

Majd ezt CSS ben úgy variálod ahogy akarod, pl:

HTML kód:

#menu ul {
list-style-type:none; // Nincs se pont se semmi a lista elemek elött.
}
#menu li {
float:left;    //Mindegyik elem Balra igazodik, igy vizszintes lesz.
display:block;
border:1px solid red; // Piros keret.
}
#menu a, a:visited {  
display:block;
font-size:12px;
color:#CCC;
}
#menu a:hover {  // Amikor az egér rajta van
display:block;
font-size:16px;
color:#000;
}

most irtam nem biztos hogy müködik is de ez az alapja, lehet a háttérképet "cserni" elcsúsztatni stb stb.

Itt egy video, elgéggé el van magyarázva.

**mrkera** · 2009-10-18, 18:26

thomasz eredeti hozzászólása

ez függőleges nem?

Hogyan lenne már függőleges???!!?!?!?
Az a elemek alapból egymás mellé fognak kerülni ha csak nem szűkebb befoglaló elem.

Vagy, ha szemantikai gondok vannak akkor:

Ez vízszintes:
______

Ez meg függőleges:
|
|
|

De parancsolj, a fenti kód amit írtam, annak a következő az eredménye:
http://datacube.hu/vizsmenu.php

Amúgy valóban a többség alapja lista főleg cms-eknél, ez azért van így, hogy könnyebb legyen formázni, de ebben az esetben nem szükséges, külön listaelemet használni.
Mellesleg, ha már listaelemet használsz ott a dl-dd/dt, több lehetőséget rejt és az azonos tulajdonságú, különböző nevű dd/dt belső listaelem, nem beszélve arról, hogy nem előjeles így nincs szükség a list-style: none; paraméterezésre, amivel máris gyorsítottunk egy sornyit a css lefuttatásán

**thomasz** · 2009-10-18, 19:44

köszi én voltam csak hülye be is sikerült már raknom a hátteret középre igazítottam de szerintem nincs teljesen középen egy két pc-el hogy lehet jobbra igazítani még? vagy csak nálam nincs pont középen?

**mrkera** · 2009-10-19, 03:16

hát ha hátteret bedobsz és megadod neki, hogy
background-position: center;
akkor az tuti, hogy mind horizontálisan, mind vertikálisan középen lesz

Kedves: KForum
Most nézem a kódod, miért kellett az "a" elemből (is) blokk szintű elemet csinálni?