6 svar · 350 visningar · startad av doggelito
har denna kod
<a href="/default.asp" title="Svenska"><img src="/images/common/flag_sv.gif" alt="Svensk flagga" border="0"></a>
i IE så visas "Svensk flagga" när man hovrar över bilden, detta är fel, det är ju a-länkens title som ska visas.
vad är mest korrekt:
1. flytta in title på bilden istället och låta a-länken vara tom.
2. ta bort a-länken helt och istället göra en onclick-funktion på bilden + title.
är detta en IE bugg eller är det jag som kodar fel?
(för jag tycker själv att min kod ovan är mest logiskt och korrekt skriven) :)
<a href="/default.asp"><img src="/images/common/flag_sv.gif" alt="Svensk flagga" title="Svenska" border="0"></a>
Fungerar detta då?
title="" är inte med på listan över attributer till A (i html 4.x åtminstonde)
R: fast det skall fungera på alla element, så det är väl en explorer "bug" (som den har gjort alltid, visat alt="" som tooltip)
Hej.
Jag anser att du skrivit alldeles rätt i ditt inlägg, då alt-attributet inte är till för att ge olika hover-effekter utan det är till för att beskriva bilden för de som inte kan se den. Sedan att olika webbläsare har gjort så att alt-texten visas när man för musen över bilden är deras eget påhitt.
mv icaaq
frankof skrev:
title="" är inte med på listan över attributer till A (i html 4.x åtminstonde)
jo, enligt w3c så kan man använda title på a-taggar:
https://www.w3.org/TR/1999/REC-html401-19991224/struct/links.html#h-12.1.4
isaaq skrev:
Jag anser att du skrivit alldeles rätt i ditt inlägg
va bra! :)
som sagt: IE bugg verkar det vara för det funkar som det ska i FF.
doggelito skrev:
frankof skrev:
title="" är inte med på listan över attributer till A (i html 4.x åtminstonde)
jo, enligt w3c så kan man använda title på a-taggar:
https://www.w3.org/TR/1999/REC-html401-19991224/struct/links.html#h-12.1.4
Jo, det var det jag skrev i min redigering ;) inte det samma som att det fungerar som tänkt.
(jfr. IE och hover(css) )
En fix för IE: :)
<!--[if lte IE 6]>
<script type="text/javascript">
window.onload = function(){
var anchors = document.getElementsByTagName("a");
for (var i = 0; i < anchors.length; i++){
var anchor = anchors[i];
if (anchor.getAttribute("title") && anchor.getElementsByTagName("img")){
var anchorTitle = anchor.getAttribute("title");
var imgs = anchor.getElementsByTagName("img");
var img = imgs[0]; // Jag antar att det inte är fler än en bild per länk...
if (!img.getAttribute("title")){
img.setAttribute("title", anchorTitle);
}
}
}
}
</script>
<![endif]-->
För de bilder som du inte vill ha tooltip på kan du bara ange title="" (vilket du också kan göra med JavaScript... ;)).