Autor Zpráva
klasounek
Profil
#1 · Zasláno: 15. 3. 2006, 16:45:00
Odpovědět Citovat
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 *
#2 · Zasláno: 16. 3. 2006, 10:47:06
Odpovědět Citovat
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 *
#3 · Zasláno: 16. 3. 2006, 10:59:29
Odpovědět Citovat
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
#4 · Zasláno: 16. 3. 2006, 11:11:05
Odpovědět Citovat
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
#5 · Zasláno: 16. 3. 2006, 11:12:55
Odpovědět Citovat
A jen tak mimochodem, kde mam ten tag <img>?
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0