| Autor | Zpráva | ||
|---|---|---|---|
| nezkuseny Profil * |
#1 · Zasláno: 14. 10. 2014, 11:44:30 · Upravil/a: nezkuseny
Zdravím, chtěl bych se zeptat jak bych mohl vycentrovat tohle menu. Poradil by mi prosím někdo?
<html>
<head>
<title></title>
<meta charset="UTF-8">
<style>
nav ul li{
display:block;
float:right;
background:red;
}
nav ul li a{
text-decoration:none;
color:black;
display:block;
padding:5px;
}
nav ul li:hover{
background:yellow;
}
nav ul li:hover a{
color:white;
}
</style>
</head>
<body>
<span class="menu">
<nav>
<ul>
<li><a href="">Domů</a></li>
<li><a href="">Články</a></li>
<li><a href="">FAQ</a></li>
<li><a href="">Fórum</a></li>
<li><a href="">aaaa</a></li>
</ul>
</nav>
</span>
</body>
</html>Zkoušel jsem kde co, ale vždycky to nefungovalo, myslím, že protože tady neni dána šířka. Definovat šířku by pro mě řešením nebylo. |
||
| juriad Profil |
#2 · Zasláno: 14. 10. 2014, 11:53:12
Zkoušel jsi hledat? Snad všechna tato vlákna obsahují (odkaz na) řešení.
• Centrování menu - Jakpsatweb.cz - Jak psát web • Centrování menu - Jakpsatweb.cz - Jak psát web • Nelze centrovat menu • Vycentrování fixed menu - layout se rozpadává • Centrování odkazů v JS menu • vycentrování a uspořádání prvků hlavičky • Centrování menu - Jakpsatweb.cz - Jak psát web • Centrování stránky- nefunguje |
||
| Bubák Profil |
#3 · Zasláno: 14. 10. 2014, 12:33:25
Pokud ti stačí funkčnost od IE8, deklaruj pro
<ul> display: table; a pro <li> display: table-cell; ostatní jde zvládnout nastylovat bez nápovědy.
Složitější kód potřebuješ jen tehdy, pokud vyžaduješ funkčnost i ve starších Explorerech. |
||
|
Časová prodleva: 10 let
|
|||
0