Kód: Vybrať všetko
<div id="menu">
<ul>
<li class="active"><div class="active"><a class="nb" title="Úvod" href="/sk/uvod/">Úvod</a></div></li>
<li><div><a title="ponuka" href="/sk/sprava1/">ponuka</a></div></li>
<li><div><a title="farba" href="/sk/sprava2/">Dfarba</a></div></li>
</ul>
Kód: Vybrať všetko
/* Zobrazenie v riadku a odsadenie menu */
#menu ul li {
list-style: none;
display: inline;
padding: 0px 10px;
margin: 0px 10px;
}
/* Reset laveho odsadenia prvej polozky menu */
#menu ul li:first-child {
margin-left: 0px;
}
/* Vzhlad menu */
#menu {
width: 100%;
background: -webkit-linear-gradient(top, rgb(51, 51, 51) 0%, rgb(105, 105, 105) 100%);
background: -o-linear-gradient(top, rgb(51, 51, 51) 0%, rgb(105, 105, 105) 100%);
background: -ms-linear-gradient(top, rgb(51, 51, 51) 0%, rgb(105, 105, 105) 100%);
background: -moz-linear-gradient(top, rgb(51, 51, 51) 0%, rgb(105, 105, 105) 100%);
background: linear-gradient(to bottom, rgb(51, 51, 51) 0%, rgb(105, 105, 105) 100%);
height: 50px;
}
#menu ul li a {
text-decoration: none;
color: #fff;
line-height: 50px;
}
#menu ul li.active a {
color: red;
}Kód: Vybrať všetko
<div id="menu">
<ul>
<li class="active">
<a class="nb" title="Úvod" href="/sk/uvod/">Úvod</a>
</li>
<li>
<a title="ponuka" href="/sk/sprava1/">ponuka</a>
</li>
<li>
<a title="farba" href="/sk/sprava2/">Dfarba</a>
</li>
</ul>
</div>Kód: Vybrať všetko
<link rel="stylesheet" type="text/css" href="menu.css" />
Pochopil som z toho dve možné varianty. Prvá ja že chceš zmeniť ako bude reagovať položka menu keď na ňou prídeš myšou to nastavíš v cssku takto:kostickar napísal:super..podarilo sa..este sa chcem opytat..uz som to menil podla seba..a nazvy sa mi nemenia v tom menu..meni sa mi iba nazov ked pridem na polozku mysou..ale takto co vidim ked kukam na to sami nic nemeni..ako to zmenit? v menu.css nemam nic take ze nazvy poloziek..a v index.php tiez nic take nevidim..ked nieco pridam stale mi pridava polozku s nazvom dfarba:) s tym ze ked pridem na to mysou tak ten text si viem navolit podla seba..neviem ci ma pochopite...
Kód: Vybrať všetko
#menu ul li a:hover {
color: blue;
}
Kód: Vybrať všetko
<div id="menu">
<ul>
<li class="active">
<a class="nb" title="Úvod" href="/sk/uvod/">Úvod</a>
</li>
<li>
<a title="ponuka" href="/sk/sprava1/">ponuka</a>
</li>
<li>
<a title="farba" href="/sk/sprava2/">Dfarba</a>
</li>
<li>
<a title="TITULOK LINKU" href="/sk/sprava2/">Nová položka</a>
</li>
</ul>
</div>
Kód: Vybrať všetko
<li>
<a title="TITULOK LINKU" href="/sk/sprava2/">Nová položka</a>
</li>