Autor Zpráva
Martin
Profil
#1 · Zasláno: 4. 7. 2005, 23:18:33
Odpovědět Citovat
Ahoj, mám problém s tímto kódem v mozille 1.0.4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<title>x</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#content {
position:relative;
}
ul {
margin:0;
padding:0;
position:absolute;
width:500px;
top:20px;
right:20px;
}
ul li {
list-style-type:none;
margin:0;
padding:0;
float:left;
overflow:hidden;
border:1px solid red;
}
ul li a{
padding:0;margin:0;
margin:0;
text-align:center;
height:85px;
width:85px;
position:relative;
display:block;
font-weight:bolder;
color:white;
text-decoration:none
}
ul li span {
position:absolute;
top:0;
left:0;
height:85px;
width:85px;
cursor:pointer;
background:black
}


</style>
</head>
<body>
<div id="content">
<ul>
<li><a href="#">##########<span></span></a></li>
<li><a href="#">#<span></span></a></li>
<li><a href="#">#<span></span></a></li>
<li><a href="#">#<span></span></a></li>
</ul>
</div>
</body>
</html>

napravo vedle černé kostičky se mi vytvoří padding, když zvětším a zmenším písmo, tak padding zmizí. Co s tim? Díky
Petra
Profil
#2 · Zasláno: 4. 7. 2005, 23:30:49
Odpovědět Citovat
Myslím, že tam chybí ul li {display:block}
Martin
Profil
#3 · Zasláno: 4. 7. 2005, 23:33:09
Odpovědět Citovat
Hm...... tak to je trapný. :(
Díky moc.

Stejně chování mozilly neni normální :)
Charlie
Profil
#4 · Zasláno: 5. 7. 2005, 01:18:18
Odpovědět Citovat
Naopak, chování jádra Gecko je velmi přesné, daleko přesnější než u IE.
Radek Hrabůvka
Profil *
#5 · Zasláno: 5. 7. 2005, 13:02:04
Odpovědět Citovat 
padding:0;margin:0;
tam máš zbytečně a ještě blbě: 
padding:0px;margin:0px;
- vždy piš jednotky.
Martin
Profil
#6 · Zasláno: 5. 7. 2005, 13:06:10
Odpovědět Citovat
Zbytečně možná, ale nevidim důvod, proč psát 0px, 0em nebo 0cm....... nula je nula, ne?

Charlie
V tomhle případě se chová špatně mozilla. Možná, kdyby jsi se na ten problém podíval tzn. zkopčil kód a podíval se na to v moziile v IE a pak v Opeře, tak by jsi to nikdy nenapsal :)
Petra
Profil
#7 · Zasláno: 5. 7. 2005, 13:11:14
Odpovědět Citovat
Martin: Ano, nula je vždy nula. Jednotky je nutné psát jen u nenulových hodnot, tam pak vždycky.
Fred
Profil
#8 · Zasláno: 5. 7. 2005, 13:33:30
Odpovědět Citovat
Hm, blbne to v mozille a v netscapu, zajímavé ve Firefoxu, Firebirdu a K-meleonu je to v pohodě. Nebývá mezi nimi moc rozdílů.
Martin
Profil
#9 · Zasláno: 5. 7. 2005, 13:36:58
Odpovědět Citovat
Mě to blbne v Firefoxu verze 1.0.4 , nahoře jsem psal mozilla, vždy když píši mozilla, tak myslim Firefox.
Fred
Profil
#10 · Zasláno: 5. 7. 2005, 13:44:00
Odpovědět Citovat
Aha, takže jsem se překouknul, promiň. Funguje to správně ve Firebirdu 0.7 a K-meleonu, ve Firefoxu ne.
Havel-st
Profil *
#11 · Zasláno: 5. 7. 2005, 14:10:19
Odpovědět Citovat
- zkus to:
height:85px;
width:85px;

- zkopírovat i do:
ul li { }
Martin
Profil
#12 · Zasláno: 5. 7. 2005, 14:14:07
Odpovědět Citovat
Havel-st
Petra mi už poradila.... ale díky.
zkusim to ale taky
Martin
Profil
#13 · Zasláno: 5. 7. 2005, 20:06:08
Odpovědět Citovat
Mám další problém, tenhle kód mi zase de jen v mozill a v IE ne. Obrázek, který se mění na pozadí se v IE "zasekne". Zajímavé je to zkouknout i při vypnutých obrázcích, tam IE nezmění pozadí vůbec

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<title>x</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#content {
position:relative;
}
ul {
margin:0;
padding:0;
position:absolute;
width:500px;
top:20px;
right:20px;
}
ul li {
list-style-type:none;
margin:0;
padding:0;
float:left;
overflow:hidden;
border:1px solid red;
display:block
}
ul li a{
padding:0;margin:0;
margin:0;
text-align:center;
height:85px;
width:85px;
position:relative;
display:block;
font-weight:bolder;
color:white;
text-decoration:none
}
ul li span {
position:absolute;
top:0;
left:0;
height:85px;
width:85px;
cursor:pointer;
background:black url("http://unie-teplice.com/help.gif") center top;
}
ul li a:hover span {
background:green url("http://unie-teplice.com/help.gif") center bottom;

}

</style>
</head>
<body>
<div id="content">
<ul>
<li><a href="#">##########<span></span></a></li>
<li><a href="#">#<span></span></a></li>
<li><a href="#">#<span></span></a></li>
<li><a href="#">#<span></span></a></li>
</ul>
</div>
</body>
</html>
Charlie
Profil
#14 · Zasláno: 5. 7. 2005, 20:28:23
Odpovědět Citovat
IE mi nefunguje, ale možná to pojede takhle: 
ul li span {

position:absolute;

top:0;

left:0;

height:85px;

width:85px;

cursor:pointer;

background:black url("http://unie-teplice.com/help.gif") center top;

}

ul li a:hover span {

background-color:green;

background-position: center bottom;

}
Martin
Profil
#15 · Zasláno: 5. 7. 2005, 21:43:06
Odpovědět Citovat
hmm.... nic
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0