Autor | Zpráva | ||
---|---|---|---|
tEss Profil * |
#1 · Zasláno: 18. 3. 2009, 17:50:00
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 |
#2 · Zasláno: 18. 3. 2009, 17:51:55
tEss:
Místo <div>ů použij <img> |
||
Plaváček Profil |
#3 · Zasláno: 18. 3. 2009, 17:53:20 · Upravil/a: Plaváček
tEss
Edit: nepochopil jsem dotaz, omluva. |
||
Trejpa Profil |
#4 · Zasláno: 18. 3. 2009, 18:41:26
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 * |
#5 · Zasláno: 18. 3. 2009, 21:00:18
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 |
#6 · Zasláno: 18. 3. 2009, 21:03:39
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 |
#7 · Zasláno: 19. 3. 2009, 02:44:04
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; } |
||
Časová prodleva: 15 let
|
0