Autor Zpráva
Kaminko
Profil
HTML
<div id="header">
<div id="logo"><a href="#"><img src="http://s16.postimg.org/7k38vsjf9/logo2.png" align="left"></a></div>
<div id="menu">
<ul>

<li>
<a href="#">Home</a>
</li>

<li>
<a href="#">Products</a>
</li>

<li>
<a href="#">Services</a>
</li>

</ul>
</div>
</div>

CSS
#menu {
list-style: none;
margin: 0px;
}
ul {
list-style-type: none;
float: right;
margin: 0px;
}
li {
font-family: arial black, sans-serif;
font-size: 20px;
text-decoration: none;
margin: 0px;
text-align: center;
width: 200px;
}
li:hover {
color: #ccc;
}
#menu a {
color: #fff;
text-decoration: none;
-webkit-transition: color 0.9s linear;
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
display: block;
margin: 0px;
width: 200px;
padding-top: 50px;
padding-bottom: 50px;
}
#menu a:hover {
color: #ccc;
background: rgba(55,55,55,0.5);
-webkit-transition: color 0.9s linear;
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
display: block;
padding-top: 50px;
padding-bottom: 50px;
}
#header {
background: #000;
width: 100%;
height: 150px;
margin: 0 auto;
}
Menu je uložené v headery a všetky položky v dive menu. Neviem prečo, no stále sa mi to zobrazuje pod seba, nie vedľa seba.


A ešte jedná otázka. Dá sa nastaviť link ako active ? Ak áno, ako sa to robí ? Už som na tieto veci zabudol .


tým active myslím, že bude mať pri načítaní stránky napr. home bude mať efekt.
soucekgns
Profil
Kaminko:
Prvkům LI přidej float: left (obtékání)
"active" efekt - přidej tomu odkazu class active a pak ji přiřaď styly v css
margin
Profil *
Kaminko:
Neviem prečo, no stále sa mi to zobrazuje pod seba, nie vedľa seba.
Protože bloky se standardně řadí pod sebe. Nech položky menu plavat.

V CSS máš spoustu smetí, které nic nedělá, třebas řádky 1 až 4, 13, 18 až 20, 32, 33, 40 až 49, 53. Můžeš to s klidem vymazat.
Kaminko
Profil
ďakujem, funguje to. Ano, v CSS mám bordel, mám v pláne to prečistiť.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: