Autor Zpráva
slovakCZ
Profil
dobry den, chtel jsem se zeptat jestli je nejake reseni, jak odstranit "oramovany" odkaz ve Firefoxu.. (tento problem sjem zaregistroval pouze v tomto prohlizeci)... webova ukazka je zde:
http://test.studior.cz/index.html
a problem se vyskytne, kdyz kliknete na nejakou polozku z menu.. cele pozadi menu se jakoby oramuje (sice toto oramovani zmizne az se kompletne stranka nacte, ale preci jen, troch uto tam rusi)...
menu mam resene bohuzel pres "div", jelikoz v ul li mi nejak nefungovala zmena pozadi =o/ proste to blblo tak jsem presel k jednoduzsimu reseni :)

odkaz v headeru (v tom levem s napisem estar) mam reseny velmi podobne.. nejaky div, v backgroundu divu obrazek a pri kliknuti se tento ramecek neobjevuje.. rozdil ale v headeru a v menu je jeden, a to:
header je tvoren takto:
<a href="#"><div class="logo png"></div></a>
a menu:
<div class="menu png"><a href="#"></a></div>

je tedy problem v tom, ze odkaz mam uvnitr tohoto divu? vypada to ze ano. a pokud ano, da s eto nejak osetrit?
zde priklada ukazuku pro ty, kteri nemaji firefox at se muzou podivat co to dela:
Taps
Profil
slovakCZ
myslím si že to způsobuje padding, možná by bylo vhodné jsem dát i kod
slovakCZ
Profil
no, misto kodu jsem dal stranku:
http://test.studior.cz/index.html
tak jsem myslel ze kdyztak nakoouknete... ok prihazji i kod na dany problem:
HTML
(trida png je pro PNGhack v IE6... zkousel jsem stranku i bez teto tridy a problem stale trval)
<div id="menu">
    	<div class="nadpis png"></div>
        	<div class="polozka1 png"><a href="index.html">Domů</a></div>
			<div class="polozka2 png"><a href="sluzby.html">Služby</a></div>
			<div class="polozka3 png"><a href="o-nas.html">O nás</a></div>
			<div class="polozka4 png"><a href="akce.html">Akce</a></div>
			<div class="polozka5 png"><a href="nasi-zakaznici.html">Naši zákazníci</a></div>
			<div class="polozka6 png"><a href="kontakt.html">Kontakt</a></div>
    </div>


CSS
dam sem jen zacatek... jelikoz grafik udelal kazdou polozku menu jinak vysokou a hlavne prechod do ztracena v levo je u kazde jiny, tak jsem to musel resit takto slozite....
#menu {
	font-size:11px;
	width:296px;
	float:left;
	color:#656565;
}

#menu .nadpis {
	background:url(../images/menu/nadpis.png) no-repeat;
	width:296px;
	height:36px;
	float:left;
}

#menu .polozka1 a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 160px;
	background:url(../images/menu/back1.png) no-repeat;
	width:136px;
	height:26px;
	float:left;
	text-align:left;
	line-height:25px;
}

#menu .polozka1 a{
	color:#656565;
	text-decoration:none;
}
.
.
.
kod podkracuje polozkou2, polozkou3.. to je naprosto stejne jen kazda ma jinou vysku
Shane
Profil
slovakCZ
Řešilo se to například tady, tady, tady a tady. :)
slovakCZ
Profil
diky.. mrknu na to a proctu si to

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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