Icon zu Links: unsinnige Vergrößerung
Damian
- javascript
Hallo zusammen,
ich habe ein Script, welches bestimmte Links nach Merkmalen der verknüpften Datei untersucht und entsprechend dazu dem Link ein passendes Icon voranstellt. Dieses sieht so aus:
<!--
function zeigIcon() {
var zeig = document.getElementById("content").getElementsByTagName("a");
for (i=0; i<zeig.length; i++) {
var linkHref = zeig[i].href;
if (linkHref.match(".doc")) {
addIcon(zeig[i], "doc");
}
else if (linkHref.match(".htm")) {
addIcon(zeig[i], "htm");
}
else if (linkHref.match(".pdf")) {
addIcon(zeig[i], "pdf");
}
else if (linkHref.match(".ppt")) {
addIcon(zeig[i], "ppt");
}
else if (linkHref.match(".txt")) {
addIcon(zeig[i], "txt");
}
else if (linkHref.match(".xls")) {
addIcon(zeig[i], "xls");
}
else if (linkHref.match("mailto")) {
addIcon(zeig[i], "mail");
}
else {
addIcon(zeig[i], "folder");
}
}
}
function addIcon(selLink, ext) {
var img = document.createElement('img');
img.src = ""+ext+".gif";
selLink.parentNode.insertBefore(img, selLink);
}
//-->
Klappt auch alles wunderbar, nur bei folgendem Ausschnitt wird das Bild (wie alle anderen auch im gif-Format) statt in seiner Originalgröße (20px x 15px) unnötig vergrößert und dementsprechend unscharf dargestellt:
<div id="content">
<h2>
Kontakt
</h2>
<h3>
Thema
</h3>
<p>
Name Ansprechpartner</p>
<ul>
<li><a href="mailto:foo@bar.com">foo@bar.com</a></li>
</ul>
</div>
Eine Größe für die Icons kann ich nicht allgemein festlegen, da diese unterschiedliche Ausgangsgrößen und -proportionen haben...
Woran liegt diese Vergrößerung (erfolgt im IE6; andere Browser stehen nicht zur Verfügung)?!?
Vielen Dank und Grüße
Damian
hi,
Klappt auch alles wunderbar, nur bei folgendem Ausschnitt wird das Bild (wie alle anderen auch im gif-Format) statt in seiner Originalgröße (20px x 15px) unnötig vergrößert und dementsprechend unscharf dargestellt:
<ul>
<li><a href="mailto:foo@bar.com">foo@bar.com</a></li>
Welche Formatierungen wirken in deinem CSS auf Bilder in Links in LI in UL (in ...)?
gruß,
wahsaga
Welche Formatierungen wirken in deinem CSS auf Bilder in Links in LI in UL (in ...)?
Habe dafür keine Formatierungen. Und die anderen Links (also bei denen das Icon korrekt angezeigt wird) befinden sich in den gleichen Ebenen (sind also auch Listenelemente)...
Bin echt ratlos!
Grüße
Damian
Habe gerade auch mal auf einer anderen Seite einen Mailto-Link erstellt und da geschieht genau das gleiche. Alle anderen Bilder werden korrekt angezeigt!
Habe das ganze auch schon mit unterschiedlichen Icons für mail.gif versucht, hat aber alles nichts geholfen?!?
Viele Grüße
Damian