Autor Zpráva
klasounek
Profil
Chtěl bych se optat, zda je možné obsah - jednotlivé položky menu vycentrovat na střed modrého rámečku UL.MENU, nebo aby byly jednotlivé položky rozmístěné po celé šířce UL.MENU?

www

kód:


<style type="text/css">
a { font-weight:bold; text-decoration:none; color: blue; }
a:hover { text-decoration:none; color: white;}
ul.menu { width: 550px; height:1.2em; list-style-type:none; padding:0; margin:0; background:white; border:1px solid blue; }
ul.menu li { float: left; display:block; border-right:0px solid blue; }
ul.menu li a { display:block; color:#blue; padding:0 1.5em 0 1.5em; }
ul.menu li a:hover { color:#blue; background: blue; }
</style>
<title>Horizontálne menu</title>
</head>
<body>

<ul class='menu'>
<li><a href='a.html'>web</a></li>
<li><a href='a.html'>obrázky</a></li>
<li><a href='a.html'>skupiny</a></li>
<li><a href='a.html'>katalog</a></li>
</ul>



Díky
peta
Profil *
klasounek
myslis to menu nahore "Zahrada..." ?
A co bys rad, presne to popis s odkazem na text, mi osobne neni vubec jasne, co bys rad.

Chces vycentrovat blok s menu?
<div style="width:300px;margin:0 auto;">
aaa UL LI
</div>

Chces vycentrovat polozku?
<li style="width:300px;text-align:center">

Mimochodem, pouzive validator, protoze stavba UL LI je chybna a je to opravdu nahoda, ze ti to funguje
<ul>
<li>
<li>
</ul>
NIKOLI
<ul><img>
<li>
<li>
</ul>
IMG neni platny tag UL sesnamu!!!
http://www.volny.cz/peter.mlich/Pr/menuedul.htm
http://www.volny.cz/peter.mlich/Pr/menuulef.htm
peta
Profil *
ahaaa, tak nic, ta tvoje stranka totiz neexistuje
existuje: http://i.wz.cz/404.html
existuje: http://magnolie.xf.cz/
ALE
http://www.magnolie.xf.cz/hor/menu.html
ani
http://magnolie.xf.cz/hor/menu.html
ani
http://magnolie.xf.cz/hor/menu.htm
neexistuje
klasounek
Profil
v pohodě, už jsem to včera večet totiž vyřešil.



<style type="text/css">
a { font-weight:bold; text-decoration:none; color: blue; }
a:hover { text-decoration:none; color: white;}
ul.menu { width: 730px; height: 40px; list-style-type:none; padding:0px; margin:0px; background:white; border:1px solid blue; border-right:0px solid blue; }
ul.menu li { clear:right; float: left; display:block; width:20%; text-align:center;}
ul.menu li a { position:relative; display:block; color:blue; padding:10px 10px 10px 10px; border-right:1px solid blue;}
ul.menu li a:hover { color:white; background: blue; }
body {font-family: arial;}
</style>

<title>Horizontální menu</title>
</head>

<body>
<ul class='menu'>
<li><a href='a.html'>web</a></li>
<li><a href='a.html'>obrázky</a></li>
<li><a href='a.html'>skupiny</a></li>
<li><a href='a.html'>katalog</a></li>
<li><a href='a.html'>katalog</a></li>
</ul>
</body>
klasounek
Profil
A jen tak mimochodem, kde mam ten tag <img>?
Toto téma je uzamčeno. Odpověď nelze zaslat.