Autor Zpráva
tEss
Profil *
Zdravím,

mám obrázkové menu - DIVy s vlastností background-image, a každý button toho menu je obalen odkazem. Funkční to je, ale je to nevalidní. Dotaz zní, jak to nejjednodušeji zvalidnit? Ty divy bych chtěl zachovat, jsou u nich použity js scripty na přejíždění myší...

<a href="index.php"><div class=news_out onmouseover="this.className='news_on'" onmouseout="this.className='news_out'"></div></a>
Jan Tvrdík
Profil
tEss:
Místo <div>ů použij <img>
Plaváček
Profil
tEss

Edit: nepochopil jsem dotaz, omluva.
Trejpa
Profil
tEss
CSS
.news_out { display: block; }

HTML
<a href="index.php"><span class=news_out onmouseover="this.className='news_on'" onmouseout="this.className='news_out'"></span></a>


Co ti brání použít display: block; a dané funkce přímo na odkazu bez vnořeného prvku?
tEss
Profil *
Trejpa

SPANem to zřejmě bohužel řešit nepůjde, jednotlivá tlačítka se překrývají a používají "z-index". Zkoušel jsem také aplikovat funkce a styl přímo na odkaz, ale jelikož je tam použito pozicování, tak bylo menu rozhozené. Ty divy tam prostě budou třeba... Nějaký návrh na jiné řešení? Pro představu dávám odkaz na web. (styl pro tlačítka je v buttons.css)
panther
Profil
tEss
SPANem to zřejmě bohužel řešit nepůjde,
ale půjde. Akorát mu musíš přehodit „position: absolute;“ od divu.

Nicméně, tohle je blbost.
- pozicování tam, kde nemá co dělat
- absolutně nesémantické menu
- absolutně nepřístupné (nejen menu, ale celá stránka) - zkus si vypnout obrázky, co uvidíš?
- zkus se inspirovat, případně si vybrat podobné menu z intervalu
Bubák
Profil
Stačí upravit tohle: http://teststranek.kvalitne.cz/menu6/
menu a	{
	display: block;
	width: 150px;
	height: 100%;
	background: url(menu.png) no-repeat left #bbc;
	text-align: center;
	font-size: 1.0em;
	font-family: verdana, arial, sans-serif;
	text-decoration: none;
	color: #000;
	margin-left:-20px;
	position: relative;
}
menu a:hover, menu a:active, menu a:focus	{
	background: url(menu.png) no-repeat right #eed;
	color: #00f;
	z-index: 50;
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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