Autor Zpráva
maestorm
Profil
#1 · Zasláno: 21. 10. 2006, 19:58:28
Odpovědět Citovat
Mám tu problém s menu, které mi ve firefoxu funguje tak jak by mělo a v iexploreru se mi zobrazí na jiném místě zde je kód prosím pomozte mi s tím, už se s tím mořím 3 né-li více hodin a pořád této záhadě nemohu přijít na kloub. V jednu chvíli jsem zkoušel Pixiho majtrošky a ani ty mi nepomohly... ZDE je tedy můj porouchaný kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>ATELIER.wz.cz</title>
<style type="text/css" rel="stylesheet">
body {background: #A2C66C; margin: 0; padding: 0;}
div#layout {max-width: max; width: max; font-family: }
div#txt_block {text-align: justify; width: 480px;}
a {color: #004040; text-decoration: underline;}
a:hover {color: #A45200; text-decoration: none;}
.odstavec_1 {text-align: justify; border-left: 2px dashed #004040; padding: 0 20px 0 20px; border-right: 2px dashed #004040; margin: 35px; }
.odstavec_1 p {color: #2D441E;}
.top_head {font-variant: small-caps;}
.top_head h1 {color: #937246; margin: 75px 0 -2px 0; border-bottom: 2px solid #5B792F; padding: 0 0 0 400px;}
.top_head h2 {color: #608031; margin: 0 0 -50px 480px;}
.odstavec_2 p {color: #0B1007; padding: 15px 15px 15px 15px; width: 370px; background: #B4D088; margin-left: 40px;}
#menu {list-style: none; positoin: relative; margin: -300px 15px 5px 440px;}
#menu ul li {padding: 2px 20px 0 20px;}
</style>
</head>
<body>
<div id="layout">
<div class="top_head">
<h1>ATELIER.wz.cz</h1>
<h2>umělce petra biliny</h2>
</div>



<div id="txt_block">

<div class="odstavec_1">
<p>
Jeho vývoj ovlivnila lektorská činnost věnovaná
výtvarníkům Svitavska profesory Královéhradecké PF
Petrem Kmoškem, Bořivojem Borovským, akademickým
malířem Jiřím Škopkem a PhDr. Zdeňkem Čubrdou.
Výtvarný názor je ovlivněn poznáním tvorby starých
mistrů i součastných autorů. Věnuje se jak tvorbě
krajinných a městských scenérií, tak portrétů.
V součastnosti převládá olejomalba. Je zastoupen
v soukromých sbírkách jak v Čechách, tak i v Německu,
Švédsku, USA, Kanadě, Japonsku. Je autorem "Svitavského Betlému"
a prezentuje se i kresleným humorem.
Vystavuje také v nové galerii u Jana na Náměstí Míru
ve Svitavách.
</p>
</div>

<div class="odstavec_2">
<p>
Výstavy: od r. 1980 "Přehlídka výtvarníků Svitavska",
r.2000-Hradec Králové (Everes), r.2001-Flörsheim am Main,
2004-hrad Mírov.
</p>
</div>

</div>

<ul id="menu">
<a href="index.html"><li>úvod</li></a>
<a href="index.html"><li>dílo</li></a>
<a href="index.html"><li>kontakt</li></a>
</ul>

</div>
</body>
</html>

jak vidíte je to XHTML tak kdo tomu rozumíte prosím poraďte mi děkuji!
Bubák
Profil
#2 · Zasláno: 21. 10. 2006, 20:13:08
Odpovědět Citovat
Zatím jsem našel 2 chyby a to jsem se jen kouknul laickým okem, neproháněl jsem to přes validátory:

#menu {list-style: none; positoin: relative; margin: -300px 15px 5px 440px;}
/* positoin je nesmysl, vlastně překlep */

<a href="index.html"><li>kontakt</li></a>
<!-- má být <li><a href="index.html">kontakt</a></li> -->

Mimochodem, to co píšeš, je HTML 4.01 Transitional, viz DTD.
maestorm
Profil
#3 · Zasláno: 21. 10. 2006, 20:19:11
Odpovědět Citovat
Díky za nalezení chyb, ale ty jsou tam jen kvůli tomu, že jsem opravoval to meu dík, ale prosím pokuste se mi prosím pomoci...
maestorm
Profil
#4 · Zasláno: 21. 10. 2006, 20:20:35
Odpovědět Citovat
Jo a to <li>v <a> bylo záměrně myslel jsem, že mi při najetí myši na plochu tlačítka na jen při najetí na text se aktivuje odkaz hover...
Railbot
Profil
#5 · Zasláno: 21. 10. 2006, 20:27:15
Odpovědět Citovat
maestorm
Nastav odkazum v "li" display: block.
maestorm
Profil
#6 · Zasláno: 21. 10. 2006, 20:30:08
Odpovědět Citovat
Díky trochu to pomohlo nelítá mi to menu teď do písma, ale mimo něj teda firefox je v pohodě, ale IE ne... takže zatím děkuji, ale pořád POTŘEBUJI POMOCI!!!
Bubák
Profil
#7 · Zasláno: 21. 10. 2006, 20:31:32
Odpovědět Citovat
Pokud už máš tag li nastylovaný (rozměry...), tak udělej tag a blokový a dej ho přes celé li.

#menu a {
display: block;
width: 100%;
height: 100%;
}

Je možné, že Firefox odsadí menu jinak, než ostatní prohlížeče, některé totiž seznamy odsazují marginem, jiné paddingem. Mimo jiné proto se používá jako první deklarace v CSS následující "vychytávka":
* {margin: 0; padding: 0;}
maestorm
Profil
#8 · Zasláno: 22. 10. 2006, 10:45:20
Odpovědět Citovat
Díky zkusím to... ale když buidete znát jiný dobrý způsob, tak budu rád, když mi ho sem napíšete...
maestorm
Profil
#9 · Zasláno: 24. 10. 2006, 18:06:43
Odpovědět Citovat
Prosím poraďte mi někdo s tím kódem opravdu mi to nejde dořešit (to menu stále skáče)!
Bubák
Profil
#10 · Zasláno: 24. 10. 2006, 18:44:09
Odpovědět Citovat
Tak sem dej kód, nebo ještě lépe, dej ho na web a sem dej odkaz. Ve tvém třetím příspěvku jsem se dočetl o pokusu o tlačítka, ale v původním kódu nic takového nevidím.
Radim24
Profil *
#11 · Zasláno: 24. 10. 2006, 18:49:17
Odpovědět Citovat
mám stejný problém :-(
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0