Autor Zpráva
VENCA
Profil *
ahoj, mam "sektor" , ve kterém mam nastaveno width: 100% , do ktereho chci dat vodorovne menu na stred, mam ho nasledovne:

HTML:
<ul id="menu">
   <li><a href="#" target="_self">sample</a></li>
   <li><a href="#" target="_self">sample</a></li>
   <li><a href="#" target="_self">sample</a></li>
   <li><a href="#" target="_self">sample</a></li>
   <li><a href="#" target="_self">sample</a></li>
</ul>


CSS:
#menu {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 14px "Lucida Sans Unicode"
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333 url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;  


ale díky tomu float:left (či jinak) neni menu ve prostred, a kdyz to dam pryc, tk se menu zmeni na svisle

můžete prosím poradit děkuju
panther
Profil
VENCA
jasně, protože menu má width: 100% - je tedy přes celou šířku a tedy i na středu

li - float: left; zarovná položky seznamu ve vycentrovaném seznamu do leva, tedy vlevo na stránce
VENCA
Profil *
z menu jsem dal pryc width:100%; (nad #menu.... mam ještě #menupozadi ... kde mam nastavenou tu sirku 100%) a stale je to vlevo, kdyz dam pryc float:left; tk se menu rostahne a vznikne z neho svisle menu
panther
Profil
VENCA
a dát k #menu text-align: center; a k li {display: inline}
VENCA
Profil *
ani tohle nepomohlo, ale už jsem to vyřešil přidáním dalšího divu před menu kde jsem urcil šířku v px a margin:0 auto

díkes
habendorf
Profil
VENCA

Pokud se snažíš o centrované menu s floatovanými položkami (nejsem si z tvého popisu úplně jistý), tak kdysi jsem sem dělal takovou ukázku.

http://pokusy.1-webdesign.cz/centrovany-float.html

Pokud ti to vyhovuje, klidně to použij.
VENCA
Profil *
díky, ale už jsem to vyřešil a pitvat se v tom nadale nebudu :-)
habendorf
Profil
VENCA

Tvoje věc :o)

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: