Autor Zpráva
kelvin
Profil
#1 · Zasláno: 3. 4. 2007, 03:08:41
Odpovědět Citovat
Na stránce http://a.milichovsky.com/menu.html mám menu. Chci ho vycentrovat na střed toho 778px širokého bloku, ve kterém je vloženo (červené pozadí). Černý blok je zde jen pro ilustraci.


Kód (zmíněný odkaz):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>pekelné menu</title>
</head>
<style>
* {margin:0; padding: 0}
body {text-align:center}
#all { MARGIN: 0 auto; WIDTH: 778px; background: black; height:200px; position: relative;}
#menu { position: absolute; left: 0px; top: 150px; z-index: 2; width: 778px; background: red}
#menum {background:red}
#menu ul li { display: inline;}
#menu ul li a {float: left; width: 100px; background: yellow }
#menu ul li a:hover {float: left; background: gray}

</style>

<body>
<div id="all">
<div id="menu">
<div id="menum">
<h3 style="DISPLAY: none">menu</h3>
<ul>
<li><a href="/">Titulní strana</a> </li>
<li><a href="/novinky">Novinky</a> </li>
<li><a href="/dokumentace">Dokumentace</a> </li>
<li><a href="/stazeni">Download</a> </li>
<li><a href="/kontakt">Kontakt</a> </li>
</ul>

</div>
</div>
</div>
</body>
</html>
Bubák
Profil
#2 · Zasláno: 3. 4. 2007, 09:54:35 · Upravil/a: Bubák
Odpovědět Citovat
Máš to předivované a přepozicované, skončíš v pekle ;-)

#menum {background:red; text-align: center;}
#menu ul {width: 500px; margin: 0 auto;}
kelvin
Profil
#3 · Zasláno: 3. 4. 2007, 10:36:52
Odpovědět Citovat
Bubák testoval jsi to? Nefunguje to.
div all je jen jako pozadí
div menu pozicuje.
celý obsah menu jsem uzavřel do menum, neboť se nejedná jen o ul, ale je tam ještě ta h3.
Prosím, pokud radíš, zkus to nejdřív.
Bubák
Profil
#4 · Zasláno: 3. 4. 2007, 10:50:31
Odpovědět Citovat
ale je tam ještě ta h3
Jako by tam nebyla style="DISPLAY: none"

V čem ti to nefunguje, testoval jsi to v něčem jiném, než v JESPRu? Já to otestoval ve Firefoxu, Opeřem Konqueroru, IE momentálně nemám k dispozici, ale nevidím důvod, proč by to nevycentroval.

Nefunguje to.
Nedělej mi výklad kódu, ale řekni, co a v čem nefunguje.
kelvin
Profil
#5 · Zasláno: 3. 4. 2007, 10:58:27
Odpovědět Citovat
Udelal jsem asi chybu v syntaxi, teď to jede. Omlouvám se. Díky. jede to viz http://a.milichovsky.com/menu.html
kelvin
Profil
#6 · Zasláno: 3. 4. 2007, 14:28:15
Odpovědět Citovat
Ještě se zeptám, je nějaká možnost aby jsem nemusel jednotlivým #menu ul li a udávat šířku ale roztáhly se vždy na tu zadanou šířku ul? Všechny stejně široké.
Potom by bylo jedno, kolik bude v menu odkazů.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0