Autor Zpráva
Bonjour
Profil
Mám menší problém při zobrazování některých obrázků v FF. V MSIE to funguje naprosto skvěle ale v FF to ze tří obrázků ukáže jenom jeden. Zde je to jak to mám udělané.

TAHlE ČÁST SE NEZOBRAZUJE
.1-menu#miniobrazek 

{
position: absolute;
top: 6px;
left: 7px;
width: 26px;
height: 26px;
background-image: url('../../images/account.gif');
}
.1-menu#miniobrazek-vybledly
{
position: absolute;
top: 6px;
left: 7px;
width: 26px;
height: 26px;
background-image: url('../../images/account.gif');
}
.1-menu#nadpis
{
position: absolute;
top: 10px;
left: 45px;
width: 120px;
height: 18px;
background-image: url('../../images/ucet.gif');
}


A TAHLE SE ZOBRAZÍ:

#menuPlus
{
position: absolute;
left: 182px;
top: 15px;
width: 15px;
height: 14px;
background-image: url('../../images/leftmenu-plus.gif');
}
#menuMinus
{
position: absolute;
left: 182px;
top: 15px;
width: 15px;
height: 14px;
background-image: url('../../images/leftmenu-minus.gif');
}


...je to divné, protože jsou napsané úplně stejně pro jistotu dodám i HTML kód

echo '<div id="menu-'.$odkazy.'">
<a href="" onClick="toggleNewMenu('.$x.','.$pom.')">
<div style="display:block" class="menuTlacitko" id="pozadi">';
if ($pom == 1)
{
echo '
<span style="display:block" class="'.$odkazy.'-menu" id="miniobrazek"></span>
<span style="display:block" class="'.$odkazy.'-menu" id="nadpis"></span>
<span style="display:block" id="menuMinus"></span>

</div></a>';
}else
{
echo '
<span style="display:block" class="'.$odkazy.'-menu" id="miniobrazek-vybledly"></span>
<span style="display:block" class="'.$odkazy.'-menu" id="nadpis"></span>
<span style="display:block" id="menuPlus"></span>

</div></a>';
}


Děkuji za každou nápovědu, jak to vyřešit.

PS: Stránka je na adrese http://81.31.46.69/EncZ
Str4wberry
Profil
Bonjoure
Už jsi to někam do diskuse dával, ne?
Mám pocit, že jsem Ti říkal, že s absolutním pozicováním se Ti stránka zobrazuje dobře jen v rozlišení 1024×768 pixelů.
Bonjour
Profil
Obdivuji všímavost, jinak problém je spíše v tom, že to jeden ze 3 obrázků ukázalo a zbylé dva ne. Vše jsem zkoušel i bez absolute (v relative) a nezobrazí se mi ani jeden. Momentálně to je upraveno následovně na relative:

KÓD generování toho čudlíku

echo '<table border=0 bordercolor=red>
<tr>
<td> <div id="menu-'.$odkazy.'">
<a href="" onClick="toggleNewMenu('.$x.','.$pom.')">
<div class="menuTlacitko" id="pozadi">';
if ($pom == 1)
{
echo '
<span class="'.$odkazy.'-menu" id="miniobrazek"></span>
<span class="'.$odkazy.'-menu" id="nadpis"></span>
<span id="menuMinus"></span>

</div></a></td></tr></table>';
}else
{
echo '
<span class="'.$odkazy.'-menu" id="miniobrazek-vybledly"></span>
<span class="'.$odkazy.'-menu" id="nadpis"></span>
<span id="menuPlus"></span>

</div></a></td></tr></table>';
}


CSS styly:

.0-menu#miniobrazek
{
position: relative;
top: 6px;
left: 7px;
width: 26px;
height: 26px;
background-image: url('../../images/guide.gif');
}
.0-menu#miniobrazek-vybledly
{
position: relative;
top: 6px;
left: 7px;
width: 26px;
height: 26px;
background-image: url('../../images/guide.gif');
}
.0-menu#nadpis
{
position: relative;
top: 2px;
left: 20px;
width: 120px;
height: 18px;
background-image: url('../../images/aktuality.gif');
}
#menuPlus
{
position: relative;
left: 35px;
top: 5px;
width: 15px;
height: 14px;
background-image: url('../../images/leftmenu-plus.gif');
}
#menuMinus
{
position: relative;
left: 35px;
top: 5px;
width: 15px;
height: 14px;
background-image: url('../../images/leftmenu-minus.gif');
}


Ještě podotýkám v IE se to zobrazí bez jediného problému, v FF se nezobrazí ani jeden obrázek.
Bonjour
Profil
Tak už jsem na to přišel, problém je v tom, že FF se chová jako některé jiné programy, kdy soubory nesmí začínat číslem. Po změně souborů tak, aby začínali písmenem jde všechno OK.

Vaše odpověď

Mohlo by se hodit

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

Prosím používejte diakritiku a interpunkci.

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