Autor Zpráva
Martin
Profil
#1 · Zasláno: 5. 7. 2005, 22:48:03
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
#2 · Zasláno: 5. 7. 2005, 23:19:38
Odpovědět Citovat
Zkus kus CSS přepsat na tohle, možná to pomůže: 
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;

backgroung-position: center bottom;

}

Ano, vím, že je to úplně to samé, ale člověk nikdy neví.
Charlie
Profil
#3 · Zasláno: 5. 7. 2005, 23:26:16
Odpovědět Citovat
Tak ne, koukal jsem se na minulý thread.
peta
Profil *
#4 · Zasláno: 6. 7. 2005, 08:02:17
Odpovědět Citovat
to taky nemuze fungovat, kdyz tam michas position a float. v nespravnem poradi.
Pouzivas float a nevidim nikde inline-block ani Clear.
www.rar.cz/rarnova/ - floatovane menu (si okopci to floatovani a tak, z toho)
www.volny.cz/peter.mlich/www.htm - odkaz na mizici menu
Plaváček
Profil
#5 · Zasláno: 6. 7. 2005, 08:30:29
Odpovědět Citovat
Hele Martine, nenech se zmást Pěťou, řešení je prosté. Aby ti to fungovalo, musíš IE tak trochu ošálit, protože on bohužel nepochopí, že chceš měnit pozadí prvku. Aby to fungovalo, musíš v a:hover měnit nějakou vlastnost (mě se osvědčila barva textu). Mimochodem, už jsme to jednou řešili s Lukášem Mačím, viz zde: http://www.maciweb.net/blog/web/clanek.php?clanek=102 .


Čili přidej si do stylu ještě tohle:

ul li a:link, ul li a:visited {
color: white;
}
ul li a:hover {
color: black; (třeba)
}
Martin
Profil
#6 · Zasláno: 6. 7. 2005, 11:22:21
Odpovědět Citovat
Díky moc :)
Jak dlouho si nad tím strávil?
Plaváček
Profil
#7 · Zasláno: 6. 7. 2005, 11:26:36
Odpovědět Citovat
No.. asi tři hodiny, kdysi a odnesla to jedna klávesnice a hrneček na kafe :)
Fred
Profil
#8 · Zasláno: 6. 7. 2005, 11:34:11
Odpovědět Citovat
Krátký nekonstruktivní komentář: :-)
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0