Autor Zpráva
KOM
Profil *
Ahoj.
Mam takovyto kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta name="robots" content="index, follow" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />


    <!--[if IE]> 
     <link type="text/css" href="css/vk-litvinov_ie.css" rel="stylesheet" />
    <![endif]-->

    
    <!-- Google Analytics: Tracking Instructions -->
    
      <script type="text/javascript">
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
      </script>
      <script type="text/javascript">
        var pageTracker = _gat._getTracker("UA-3652598-1");
        pageTracker._initData();
        pageTracker._trackPageview();
      </script>
      
      <style type="text/css">
.vybor_portret_obal {
    width: 148px;
    float: left;
	text-align: center;
	margin: 0px 5px 10px 5px;
}
.vybor_portret {
    width: 112px;
	margin: 0 auto;
	text-align: center;
    background: #FAFAFA;
    border: 1px solid #DCDCDC;
    padding: 5px;
}
.vybor_portret_foto {
    background: #EFF0F0;
    border: 1px solid #DCDCDC;
}
.vybor_portret_jmeno {
    padding-top: 4px;
	color: #666666;
}
.vybor_portret_funkce {
    height: 35px;
    padding: 0px 0px 5px 0px;
}
.vybor_info {
    padding: 4px;
	visibility: hidden;
}
.vybor_info_img {
    position: relative;
    z-index: 1;
	float: right;
	margin-top: -26px;
	margin-right: 4px;
}

.napoveda a { 
	font-weight: bold; 
	cursor: help;  
	color: black; 
	text-decoration: none; 
}  
.napoveda a span { 
	position: relative; 
	font-size: 90%; 
	font-weight: normal; 
	text-align: left; 
} 
.napoveda a span span { 
	display: block; 
	position: absolute; 
	visibility: hidden; 
	top: 47px; 
	left: -96px; 
	padding: 5px; 
	width: 180px; 
    background: #EFF0F0;
    border: 1px solid #DCDCDC;
	text-align: center; 
	color: black;
} 
.napoveda a:hover span span { 
	visibility: visible; 
}

img.none_border {
    border: none;
}
	  
	  </style>
  </head>

  <body>
<div class="vybor_portret_obal">

       <div class="vybor_portret_funkce"><strong>Revisor</strong><br />oddílu
       </div>

              <div class="vybor_portret">
                     <img class="vybor_portret_foto" src="images/portrety/neni_foto.gif" height="142" width="110">
              <div class="napoveda">
                     <a href="#">
                            <span><span>
                                   mobil nezadán                                      
                            </span></span>
                     <img class="vybor_info_img none_border" src="images/info.gif" height="22" width="20" />     
                     </a>                             
              </div> <!-- ukoncujici div: napoveda -->

                    <div class="vybor_portret_jmeno">Jiří<br /><strong>Köhler</strong></div>

              </div> <!-- ukoncujici div: vybor_portret -->
</div> <!-- ukoncujici div: vybor_portret_obal -->

   </body>
</html>


Normalne mam CSS zvlast, tady jsem ho pridal rovnou do hlavicky, aby vam stacilo si ho jen zkopirovat.

V IE7 a FF se napoveda po prejeti ikony info.gif normalne zobrazuje, v IE6 se mi prestala zobrazovat. Ale behalo to taky, jen uz ted nemam silu to hledat, kde jsem co domršil...

Najde se nekdo, kdo bude mit chut a cas se mrknout, co jsem udelal spatne?

Jinak original stranku najdete zde.

Dekuji predem za vsechny rady a pomoci!
Chamurappi
Profil
Reaguji na KOMa:
.napoveda a:hover span span { visibility: visible; }
Měníš-li při hoveru pouze vlastnosti potomků, Explorer 6 nevidí důvod pro překreslení celého elementu.
Nastav nějakou neškodnou vlastnost samotnému odkazu, třeba:
.napoveda a:hover { visibility: visible; }
Mimochodem, co když si bude někdo chtít to telefonní číslo zkopírovat? Když myší vyjede ze <span>u s íčkem, tak mu zmizí.
KOM
Profil *
ahoj, diky mooc, uz to maka...

s tim kopirovanim - myslel jsem, ze proste jen nechas kurzor na 'icku' a naklepes si cislo do telefonu. Nejak jsem neuvazoval, ze by si nekdo cislo kopiroval. A u mailu - ten stejne zkopirovat nejde, je to obrazek, udelal jsem to zamerne pres img, abych zabranil robotum v zasilani spamu. Snad je to takhle dobre reseny...

Kazdopadne jeste jednou diky mooc za radu!

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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

0