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.
Printable View
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.
melyikre gondolsz? A sima felső menüre?
"Főoldal Hírek Fórum Cikkek....."
erre?
<style>
#menu{
text-align: center;
background: #333;
padding: 5px;
}
#menu a{
padding: 0 10px;
font-weight: bold;
color: #ccc;
text-decoration: none;
}
#menu a:hover{
color: #fff;
}
</style>
<div id="menu">
<a href="#">menü</a>
<a href="#">menü</a>
<a href="#">menü</a>
<a href="#">menü</a>
</div>
a style teg közöttit a headba, vagy szebb, ha külön stíluslapra, a <div id="menu">... -t meg oda ahová a menü kell
Persze az egésznek megadhatsze egy olyan lekerekített hátteret is mint az oldalon, ebben az esetben a
background: #333; helyett
background: url(menuhattere.jpg);
hXXp://www.cssmenumaker.com/
hXXp://www.cssmenubuilder.com/build-horizontal-menu
Rengeteg CSS menü példa van, és a töbségen az alapja egy lista
Majd ezt CSS ben úgy variálod ahogy akarod, pl: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>
most irtam nem biztos hogy müködik is de ez az alapja, lehet a háttérképet "cserni" elcsúsztatni stb stb.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;
}
Itt egy video, elgéggé el van magyarázva. http://www.youtube.com/watch?v=__Wri6VtXXU&feature=fvsr
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:
|
|
|
:D
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 :)
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?
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?