Autor Zpráva
Kryštof
Profil *
#1 · Zasláno: 18. 11. 2008, 20:14:28 · Upravil/a: Moderátor (editace znemožněna)
Odpovědět Citovat
Ahoj,
mám stránky a na nich klasický menu: http://letadla.okamzite.eu/index.html
V FF (aspoň v tom mim) se menu zobrazuje normálně, ale v IE a někdo řikal že i v Google Chrome se před celim tim menu zobrazujou tečky.

Kód je: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

<style type="text/css">
* {margin: 0; padding: 0;}
li a { width: 150px; height: 30px; background: gold; display: block; text-decoration: none; line-height: 30px; text-align:center; }
li a:hover { background: yellow; }
#menu { float:left; width: 150px;}
#text { float:left; width: 500px; margin-left: 100px;}
</style>
</head>

<body>
<div id="menu">




<li><a href="http://letadla.okamzite.eu/ahoj.html"> Druhá světová válka </a></li>
<li><a href="http://letadla.okamzite.eu/stihacky.html"> =>Stíhačky </a></li>
<li><a href="http://letadla.okamzite.eu/ahoj.html"> =>Bombardéry </a></li>
<li><a href="http://letadla.okamzite.eu/ahoj.html"> První světová válka </a></li>
<li><a href="http://letadla.okamzite.eu/ahoj.html"> =>Stíhačky </a></li>
<li><a href="http://letadla.okamzite.eu/ahoj.html"> =>Bombardéry </a></li>
</ul>
</div>


<div id="text">
<p>Vítám vás na webu o letadlech. Náš web se zabývá hlavně letadly bojovými méně věcí zde již je o letadlech cestovních.
Pokud budete mít nějaký dotaz pošlete ho prosím přes <a href="http://letadla.okamzite.eu/index/email.php"> tento formulář</a>. Odpovím na uvedený email!
</div>

</body>
</html>
Měsíček
Profil
#2 · Zasláno: 18. 11. 2008, 20:26:57
Odpovědět Citovat
li a {} dej list-style-type:none;
Chamurappi
Profil
#3 · Zasláno: 18. 11. 2008, 20:27:07 · Upravil/a: Chamurappi
Odpovědět Citovat
Reaguji na Kryštofa:
Proč dáváš <li> do <div>u? Patří do seznamového elementu — třeba do <menu>.
Tečky se zobrazují i ve Firefoxu, akorát je nikdo nevidí, protože jsou za levým okrajem vykreslované plochy. Zkus si hrát s list-style-type u <li> (ne u odkazu).
Kryštof
Profil *
#4 · Zasláno: 18. 11. 2008, 20:40:38
Odpovědět Citovat
Měsíček:
zkusil jsem to pozměnit na: li a { width: 150px; height: 30px; background: gold; display: block; text-decoration: none; line-height: 30px; text-align:center; list-style-type: none;} Nebo nevim jak si to myslel

Chamurappi:
potřeboval jsem text vedle menu a ne pod ním tak jsem to musel dát přes <div>.
Chamurappi
Profil
#5 · Zasláno: 18. 11. 2008, 20:56:01
Odpovědět Citovat
Reaguji na Kryštofa:
„zkusil jsem to pozměnit na: li a“
Zkus to na samotné „li“.

„tak jsem to musel dát přes <div>“
Nemusel. Element <menu> jde stylovat úplně stejně jako <div>, má jen jiný výchozí margin, což bys ani nepostřehl, protože marginy nuluješ.
Měsíček
Profil
#6 · Zasláno: 18. 11. 2008, 20:58:16
Odpovědět Citovat
li {.. to co tam je, list-style-type:none; } omlouvám se ta jednopísmenná potvůrka mi tam něják vlezla :)
Kryštof
Profil *
#7 · Zasláno: 18. 11. 2008, 21:05:58
Odpovědět Citovat
Chamurappi: to vysvětli Měsíčkovi, protože on mě tohle naučil.

Zkusil jsem to jen s li a pořád to nejede: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

<style type="text/css">
* {margin: 0; padding: 0;}
li { width: 150px; height: 30px; background: gold; display: block; text-decoration: none; line-height: 30px; text-align:center; }
li a:hover { background: yellow; }
#menu { float:left; width: 150px;}
#text { float:left; width: 800px; margin-left: 100px;}
</style>
</head>
<body>
<body>
<div id="menu">




<li><a href="http://letadla.okamzite.eu/ahoj.html"> Druhá světová válka </a></li>
<li><a href="http://letadla.okamzite.eu/stihacky-2sv.html"> =>Stíhačky </a></li>
<li><a href="http://letadla.okamzite.eu/ahoj.html"> =>Bombardéry </a></li>
<li><a href="http://letadla.okamzite.eu/ahoj.html"> První světová válka </a></li>
<li><a href="http://letadla.okamzite.eu/ahoj.html"> =>Stíhačky </a></li>
<li><a href="http://letadla.okamzite.eu/ahoj.html"> =>Bombardéry </a></li>
</ul>
</div>


Tady to je
Měsíček
Profil
#8 · Zasláno: 18. 11. 2008, 21:08:23
Odpovědět Citovat
"Chamurappi: to vysvětli Měsíčkovi, protože on mě tohle naučil. "

Ale fuj ;-)
Kryštof
Profil *
#9 · Zasláno: 18. 11. 2008, 21:10:12
Odpovědět Citovat
Měsíček:
co je :-D
Chamurappi
Profil
#10 · Zasláno: 18. 11. 2008, 21:12:19
Odpovědět Citovat
Reaguji na Kryštofa:
Měsíčkovi to vysvětlím někdy jindy, dneska si nechci upatlat rukavice od krve.
Přidej k „li“ vlastnost list-style-type:none.
Měsíček
Profil
#11 · Zasláno: 18. 11. 2008, 21:15:59 · Upravil/a: Měsíček
Odpovědět Citovat
Co třeba takhle: 
<style type="text/css">
  ul {padding:0;border: 1px solid black;width: 150px;float:left;}
  li {list-style-type:none;}
  li a {text-decoration:none;text-align:center;display: block; width: 150px; height: 30px;  background: gold; border-bottom: 1px solid black;line-height: 30px;}
  li a.no_b {border: 0;}
  li a:hover {background: yellow;}
</style>

<ul>
  <li><a href="#"> Položka </a></li>
  <li><a href="#"> Položka </a></li>
  <li><a href="#"> Položka </a></li>
  <li><a href="#"> Položka </a></li>
  <li><a href="#" class="no_b"> Položka </a></li>
</ul>

<p>
  Dlouhý text
</p>
Kryštof
Profil *
#12 · Zasláno: 18. 11. 2008, 21:17:17
Odpovědět Citovat
Ještě mám jeden problém, ale nechce se mi zakládat nový téma:
když si dáte moje stránky, tak by se měl zobrazovat index.html, ale nezobrazuje se!

Původně byla tahle index.html ještě ve složce nazvané "index" (na to také odkazuje odkaz na té zrušené stránce), ale pak jsem složku index zrušil a index.html, který byl v oné složce nahradil index.html, který předtim byl mimo složku a v FTP mám jen jednu index.html, ale na stránkách se pořád zobrazuje ta první. Myslíte, že stačí počkat nebo s tim mám něco dělat?
habendorf
Profil
#13 · Zasláno: 18. 11. 2008, 21:18:01
Odpovědět Citovat
Měsíček

Dávat odkazu pevnou výšku je fuj ;o)
Kryštof
Profil *
#14 · Zasláno: 18. 11. 2008, 21:18:10
Odpovědět Citovat
Měsíček:
díky zkusim to.
PS: tys mi poslal kód a v tom kódu tyhle <div>y byli! Ale to je jedno.
Měsíček
Profil
#15 · Zasláno: 18. 11. 2008, 21:19:28
Odpovědět Citovat
Ten skript jsem teď upravil .. celý si ho změň, je určitě lepší než máš doposud.

To co se týče indexu tak ořez je nastaven tak schválně - čili ta první stránka je index.html.
Kryštof
Profil *
#16 · Zasláno: 18. 11. 2008, 21:22:01
Odpovědět Citovat
Díky za ten skript, ale pořád to jaksi "nepomáhá"

Jak to myslíš s tim skriptem? Nechápu.
Měsíček
Profil
#17 · Zasláno: 18. 11. 2008, 21:23:46
Odpovědět Citovat
Copak nepomáhá .. puntíky máš pryč, zbytečné divy pryč, místo zbytečného divu odstavec co by jsi si více ke karmě přál? :)
Kryštof
Profil *
#18 · Zasláno: 18. 11. 2008, 21:26:14
Odpovědět Citovat
Zkus si to pustit v IE puntíky jsou tam pořád!
Měsíček
Profil
#19 · Zasláno: 18. 11. 2008, 21:28:26
Odpovědět Citovat
Začínáš mě štvát dítě ;) NA CO jsem psal znovu ten skript? Snad proto, aby jsis to komplet přepsal.
Měsíček
Profil
#20 · Zasláno: 18. 11. 2008, 21:29:44 · Upravil/a: Měsíček
Odpovědět Citovat
Tohle ať je do minuty na webu.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="cs">
<head>
<style type="text/css">
  ul {padding:0;border: 1px solid black;width: 150px;float:left;}
  li {list-style-type:none;}
  li a {text-decoration:none;text-align:center;display: block; width: 150px; height: 30px;  background: gold; border-bottom: 1px solid black;line-height: 30px;}
  li a.no_b {border: 0;}
  li a:hover {background: yellow;}
</style>
</head>
<body>
<ul>
  <li><a href="#"> Položka </a></li>
  <li><a href="#"> Položka </a></li>
  <li><a href="#"> Položka </a></li>
  <li><a href="#"> Položka </a></li>
  <li><a href="#" class="no_b"> Položka </a></li>
</ul>

<p>
  Dlouhý text
</p>
</body>
</html>
Kryštof
Profil *
#21 · Zasláno: 18. 11. 2008, 21:31:13
Odpovědět Citovat
Teď se mi zbláznil celej web! Jedno to ukazuje to jidny zase ono :-(
Měsíček
Profil
#22 · Zasláno: 18. 11. 2008, 21:35:03 · Upravil/a: Měsíček
Odpovědět Citovat
Zato já pořád vidím, že jsi nic nezměnil.

EDIT:// toto trvalo.
Kryštof
Profil *
#23 · Zasláno: 18. 11. 2008, 21:43:17
Odpovědět Citovat
Díky
Kryštof
Profil *
#24 · Zasláno: 18. 11. 2008, 22:08:46
Odpovědět Citovat
A čim teda v tomhle kódu: 
<style type="text/css">
  ul {padding:0;border: 1px solid black;width: 150px;float:left;}
  li {list-style-type:none;}
  li a {text-decoration:none;text-align:center;display: block; width: 150px; height: 30px;  background: gold; border-bottom: 1px solid black;line-height: 30px;}
  li a.no_b {border: 0;}
  li a:hover {background: yellow;}
</style>

odsunu text víc napravo od menu?
habendorf
Profil
#25 · Zasláno: 18. 11. 2008, 22:18:03
Odpovědět Citovat
Marginem na ul.

Má tohle cenu? Nechceš si přečíst základy?
Časová prodleva: 15 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0