unterstrichener Bilderlink?

fox78

Aktives Mitglied
Thread Starter
Dabei seit
02.02.2004
Beiträge
2.782
Reaktionspunkte
366
Hallo,

kann mir einer der Experten hier mal erklären, warum bei folgendem Code, der Counter-Button in Safari (nicht im IE und auch nicht beim Firefox) unterstrichen wird, wenn man mit der Maus darüber fährt, der darüber liegende Apple-Button aber nicht? Was muß ich ändern, damit diese blöde Unterstrich nicht auftritt?

<a href="http://www.apple.de"
target="_blank"><img alt="Made On Mac"
src="http://www.gtmcknight.com/buttons/apple2.gif"
border="0"
width="80"
height="15" />
</a>
<br />
<!-- BlogCounter Code START -->
<a href="http://www.blogcounter.de/"
target="_blank"
id="bclink"
title="kostenloser Counter fuer Weblogs"
name="bclink">
<span id="bccount"
style="font-size:8px">kostenloser
Counter</span>
</a>
<script language="JavaScript"type="text/javascript"
src="http://track.blogcounter.de/js.php?user=mroesch&amp;style=3">
</script><noscript>
<a href="http://www.blogcounter.de/"
target="_blank"><img alt="Blogcounter"
src="http://track.blogcounter.de/log.php?id=mroesch"
border="0" />
</a></noscript>
<!-- BlogCounter Code END -->

Danke für Eure Hilfe,
fox78
 
Hi,
schreib mal diesen Part in eine Zeile mit Leerzeichen, dann gehts wieder:
HTML:
 <a href="http://www.apple.de"
target="_blank"><img alt="Made On Mac"
src="http://www.gtmcknight.com/buttons/apple2.gif"
border="0"
width="80"
height="15" />
</a>
 
gib mal den link zur seite... nur mit dem ausschnitt kann man das schwer nachvollziehen...

@lindic: das Made on a Mac logo ist nicht sein Problem... es geht darum das das bild vom counter beim drüberfahrem einen unterstrich bekommt. das will er verhindern
 
Rupp schrieb:
gib mal den link zur seite... nur mit dem ausschnitt kann man das schwer nachvollziehen...

@lindic: das Made on a Mac logo ist nicht sein Problem... es geht darum das das bild vom counter beim drüberfahrem einen unterstrich bekommt. das will er verhindern

Oops, da hab ich wohl vertan. :rolleyes:

Ich hatte den Code getestet und da hatte ich beim oberen einen Unterstrich. Naja, vielleicht hilft es ja, beim unteren Part Leerzeichen einzufügen.
 
@Rupp: Genau das ist mein Problem.
Die Seite ist noch nicht online, hier ein Link zu meinem Web-Sharing Ordner.

Grüße fox78
 
Meinst Du das Bild im noscript-Bereich oder ein Bild, das evtl. von dem Script von track.blogcounter.de eingefügt wird?
 
@dms: Keine Ahnung, ich fange gerade an, etwas html und css zu lernen. Den Code von Blogcounter habe ich von deren Website so übernommen, ohne eigentlich zu wissen, was er macht.
Mich wundert beziehungsweise stört nur, daß das Counter Bild beim überfahren mit der Maus unterstrichen wird, das von Apple aber nicht. Und das auch nur in Safari, nicht im IE oder im Firefox.
 
also: im CSS berich deiner webseite (entweder in einer extra CSS datei, oder direkt im html dokument) fügst du jetzt das hier als neuen style ein:
HTML:
a.blogcounter:link {text-decoration:none;}
a.blogcounter:visited {text-decoration:none;}
a.blogcounter:hover {text-decoration:none;}
a.blogcounter:active {text-decoration:none;}


und dann fügst du folgenden code bei dir ein:
HTML:
<!-- BlogCounter Code START -->
<span class="blogcounter">
<a href="http://www.blogcounter.de/"
target="_blank"
id="bclink"
title="kostenloser Counter fuer Weblogs"
name="bclink">
<span id="bccount"
style="font-size:8px">kostenloser
Counter</span>
</a> 
<script language="JavaScript"type="text/javascript"
src="http://track.blogcounter.de/js.php?user=mroesch&amp;style=3">
</script><noscript>
<a href="http://www.blogcounter.de/"
target="_blank"><img alt="Blogcounter"
src="http://track.blogcounter.de/log.php?id=mroesch"
border="0" />
</a></noscript> 
</span>
<!-- BlogCounter Code END -->
 
Zuletzt bearbeitet:
Gute Idee mit der eigenen Klasse. Habe den ersten Code in die styles.css eingefügt, den Rest in die index.html an die Stelle des alten Codes. Leider hat sich aber am Problem nichts geändert (siehe Link zur mir oben)

grüße fox78
 
Es ist ja auch keine Klasse im a Tag angegeben, sondern ein style-Attribut für das umschliessende span-Tag.

Das span-Tag sollte so aussehen: <span class="blogcounter">

Und die CSS-Definition so:
span.blogcounter a:link, span.blogcounter a:visited, span.blogcounter a:hover, span.blogcounter a:active {text-decoration:none;}
 
funzt leider auch nicht kopfkratz
 
also bei mir (safari 1.3) wirds nicht mehr unterstrichen...
 
Verdammt, da will mich einer Irre machen... ;)

Bei mir in Safari 2.0 ist der Strich noch da, aber wenn es an Safari 2.0 liegt, und nur dort auftritt, ist es mir langsam auch egal.

Danke für eure Hilfe, dafür hattet ihr auch eine exklusive Preview auf unsere neue HP. :)
Jetzt müssen wir unseren Webspace noch etwas aufpusten, und dann melde ich mich zur Review wieder.

Grüße fox78
 
Falls es Dich interessiert: Bei mir (Linux Debian Sarge/Opera 8) ist das Apple-Bild nicht zu sehen und bei einem :hover erscheint ein kleiner Strich rechts davon. Screenshot angehängt.
 

Anhänge

  • Bildschirmfoto.png
    Bildschirmfoto.png
    5,8 KB · Aufrufe: 71
Bei meinem Safari 2.0 (412.2) wird auch nichts unterstrichen.

Ansonsten kannst Du auch einfach den Link um das Counterbild entfernen, wenn man das darf.

Übrigens schöner Einsatz vom Schatten. Und ich würde wirklich die ganzen Tag-internen Zeilenumbrüche durch Leerzeichen ersetzen.

@fox: Hast Du eigentlich was mit „00101010“ aus dem MG-Forum zu tun? Oder Douglas Adams?
 
Zuletzt bearbeitet:
Jakob schrieb:
Ansonsten kannst Du auch einfach den Link um das Counterbild entfernen, wenn man das darf.
nein, das kann er nicht. sonst verliert das javascript seine funktion und sein counter is im sack! :rolleyes:
 
Krass… Gut, das ist kein Hindernis :), aber auch nich wirklich nötig. Mittlerweile wird's ja auch nich mehr unterstrichen.
 
Ich hätte nochmal eine andere Frage. Die Site ist ja mit Rapidweaver erstellt. Welches Theme/Template ist das? Diese "Untermenüs" würden mich nämlich mal interessieren.

Gruß Philip
 
Man, man, man, was ein stress wegen so eines blöden Striches ;)
Jedenfalls vielen Dank für Eure zahlreichen Ratschläge.

@Jakob: ich kenne gar kein MG Forum. Und mit Douglas Adams bin weder verwandt noch verschwägert, aber sein Humor gefällt mir :)
Und so habe ich mal ein wenig mit Zahlen gespielt und die Sig. war dar :D

Grüße fox78
 
Zurück
Oben Unten