Autor Zpráva
cedric
Profil
Ahoj, potřeboval bych poradit s vycentrováním menu, u kterého je použito float. Zkouším to už nějakou dobu, ale bez úspechu. Pokud by měl někdo návrh, byl bych moc vděčný. Předem děkuji za odpověď.
<ul id = "menu">                                                                                                                                                                                                            
            <li id="uvod">                                                                                                                                                                                                                                                 
              <a href="/">Úvod</a>                                                                                                                                                                                                     
            </li>                                                                                                                                                                                                            
            <li id="odkaz1">                                                                                                                                                                                                                                                 
              <a href="odkaz1.html">odkaz1</a>                                                                                                                                                                                                     
            </li>                                                                                                                                                                                                            
            <li id="odkaz2">                                                                                                                                                                                                                                                 
              <a href="odkaz2.html">odkaz2</a>                                                                                                                                                                                                     
            </li>                                                                                                                                                                                                            
            <li id="odkaz3">                                                                                                                                                                                                                                                 
              <a href="odkaz3.html">odkaz3</a>                                                                                                                                                                                                     
            </li>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
          </ul>                         



       #menu {
        float: left;
        margin: auto; 
	width: 100%; 
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0;
	list-style: none;
  background-color: rgb(255,255,255);
}


#menu li {
  float: left;
	margin: auto;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 90%;
}


#menu a {
  color: rgb(255,255,255);
  float: left;
	display: block;
	padding: 4px 8px;
	border: 1px rgb(255,255,255) solid;
	border-top: 1px rgb(255,255,255) solid;                        
	border-bottom: 1px rgb(255,255,255) solid;;
	text-decoration: none;
	background: url(images/background_menu.jpg) repeat left;           
}
#menu a:hover, body#obal#menu#uvod a {
  background: url(images/background_menu2.jpg) repeat left;
}
Railbot
Profil
Nemůžeš centrovat něco, co plove (dalo by se) a navíc má 100% šířku.
Chamurappi
Profil
Reaguji na cedrice:
Chceš centrovat položky menu s neznámou šířkou? Viz:
Centrování menu s neznámou šířkou
nejmenší nutná šířka

Mimochodem…
body#obal#menu#uvod a
To je ukrutně silný selektor. Pochybuji, že něco zaměří. Tvé <body> má tři různá ídéčka?
cedric
Profil
Děkuji za odpovědi, vyzkoušel jsem všechno, co je v tech postech a bez úspěchu. :/ S HTML začínám. Jak to udělat, když budu mít šířku menu pevně danou na 770px?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0