Autor Zpráva
Petrnson
Profil
Mám problém s menu, v FF je vše pořádku ale v IE ne. Menu je na rozdělaných stránkách o jazykolamech. V IE když kliknete na nějaký odkaz a pak se vrátíte zpět zmizí popisek(změní se na modro), když nastavím a:visited na bílou, tak se to zobrazuje správně, ale zase dělá problém odkaz s class active. Ten se také změní na bílou(jako pozadí) jelikož byl též navštíven. Jediné co mě napadlo je udělat speciální styl ve způsobu .active a:visited ale to mi nejde. Pro lepší názornost přikádám kod menu:
.obal ul{
	margin: 0;
	padding: 0;
}

.obal ul li{
	display: inline;
}

.obal ul li a{
	float: left;
	color: white; 
	text-decoration: none;
	background: #4078C2 url(menu.PNG) bottom no-repeat;
	_background: #356DBA url(menu.PNG) bottom no-repeat;
	height: 39px;
	_height: 49px;
	padding: 10 20 0 20;
	font-family: Arial, Helvetica, sans-serif;
}



.obal ul li a.active, .obal ul li a:hover{
	color: #306CBD;
	background: white url(menua.PNG) bottom no-repeat;
	height: 39px;
	_height: 49px;
}


Nevíte jak to udělat?
DJ Miky
Profil
Nevím, jestli jsem to dobře pochopil, ale co a.active:visited {}?
Petrnson
Profil
Aby v ie se to menu zobrazovalo jako ve ff. Pro názornost přilkládám obrázky.

Správně zobrazené po kliknutí na pár odkazů.



Špatně zobrazení v ie, po kliknutí na hlavní strana, přidej jazykolam a nakonec na náhodný jazykolam:



Doufám že jsem to dostatečně vysvětlil

DJ Miky

Když nastavím visited na požadovanou barvu, tak to funguje, ale nejde zase nastylovat aktivní položku v menu, prostě se to kryje.

.obal ul li a.visited{
	color: white;
}


Příklad v ie:
Tin
Profil
A není celý problém jen v pořadí, co je nastylovaný jako první?

př.1: mějme styl
a:hover{color: red};
a:visited{color: green};

Jakou barvu bude mít navštívený odkaz, na který najedu myší? ->>> zelenou


př.2: mějme styl
a:visited{color: green};
a:hover{color: red};

Jakou barvu bude mít navštívený odkaz, na který najedu myší? ->>> červenou
Tin
Profil
OT: Vytvořil jsem jich už mnoho a některé můžete shlédnout v referencích. = ;-))))))))))))
Petrnson
Profil
Tin
Aha to mě nenapadlo, vyskouším to.
P.S.:Zase to neber tak vážně(TV nova se tyky vychloubá svým webem...), nechce se mi tam dávat 2 roky staré reference. :-)
petrnson
Profil *
No tak jsem to skusil a nejde to(i když to vypadalo slibně), prostě se to pokaždé zobrazuje špatně v IE(ten odkaz, který je aktivní). Nemohli by jste prosím konkrétněji poradit?
Plaváček
Profil
petrnson

Co takhle:

.obal ul li a{
	float: left;
}
.obal ul li a:link, .obal ul li a:visited {
	color: white; 
	text-decoration: none;
	background: #4078C2 url(menu.PNG) bottom no-repeat;
	_background: #356DBA url(menu.PNG) bottom no-repeat;
	height: 39px;
	_height: 49px;
	padding: 10px 20px 0 20px;
	font-family: Arial, Helvetica, sans-serif;	
}
 .obal ul li a:hover, .obal ul li a.active:link, .obal ul li a.active:visited, .obal ul li a.active:hover {
	color: #306CBD;
	background: white url(menua.PNG) bottom no-repeat;
	height: 39px;
	_height: 49px;
}
Petrnson
Profil
Plaváčku
Děkuji ti, moc jsi mi pomohl, už jsem přemýšlel že to menu zjednoduším a vyhodím ty zatržítka, ale naštěstí to dělat nemusím. Ještě jednou děkuji.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0