unsichtbarer link (counter) trotz anderer CSS-Definition

[handballreni]

Hallo,

für meine Menuleiste habe ich die dortigen Links wie folgt definiert:

<style type="text/css">
.pfeil {color:#800000;font-weight:bold;}
a:link { position:relative; display: block;
border-bottom: dashed 1px #800000;
color:000; text-decoration:none;
background:TRANSPARENT;
font: bold 12px verdana, sans-serif;
padding-top:0px;
padding-bottom:0px;
height: 24px;
line-height: 24px;
}
a:visited { position:relative; display: block;
border-bottom: dashed 1px #800000;
color:000; text-decoration:none;
background:TRANSPARENT;
font: bold 12px verdana, sans-serif;
padding-top:0px;
padding-bottom:0px;
height: 24px;
line-height: 24px;
}
a:hover { position:relative; text-decoration:none; background:TRANSPARENT;
border-bottom: solid 1px #000;;
color:#CA5E16;
font-style:italic;
a:active { position:relative; display: block;
border-bottom: dashed 1px #CA5E16;
color:000; text-decoration:none;
background:TRANSPARENT;
font: bold 12px verdana, sans-serif;
padding-top:0px;
padding-bottom:0px;
height: 24px;
line-height: 24px;
}

Dadurch ist der Link im Ruhezustand mit einer gestrichelten Linie unterstrichen. Wenn man mit der Maus da drüber fährt, verändert sich diese in eine durchgehende Linie und die Schriftart verändert sich.

Ich möchte nun für die Webstatistik folgenden Counter einbauen:

<!-- 4stats Tracker Code // begin -->
<script type="text/javascript" src="http://4stats.de/de/counter?id=59641&amp;cntr=hide"></script>
<noscript><a href="http://www.4stats.de/" target="_blank"><img src="http://4stats.de/de/stats?id=59641&amp;cntr=hide" border="0" alt="4stats Webseiten Statistik + Counter" /></a></noscript>
<!-- 4stats Tracker Code // end -->

Dieser soll eigentlich unsichtbar sein - man sieht jedoch aufgrund der CSS-Definition der übrigen Links über die gesamte Seite die gestrichelte Linie, welche sich beim Überfahren mit der Maus ändert.

Kann mir jemand sagen, welchen Befehl ich einbauen muss, damit der Counter tatsächlich nicht zu sehen ist.

Vielen Dank.

Handballreni

[Deus Figendi]

Kann mir jemand sagen, welchen Befehl ich einbauen muss, damit der Counter tatsächlich nicht zu sehen ist.

Ja, beschäftige dich mit der http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=Selektor-Hierarchie... ID hat Vorrang vor Element und inline hat Vorrang vor allem.

Kurzum: Wenn du dem a-Element als inline-Style Unsichtbarkeit (display:none; wahrscheinlich) zuweist ist es ziemlich sicher weg.

[handballreni]

Kurzum: Wenn du dem a-Element als inline-Style Unsichtbarkeit (display:none; wahrscheinlich) zuweist ist es ziemlich sicher weg.

Vielen Dank erst einmal für die erste Antwort. Inline-Style habe ich bereits probiert und hat nicht funktioniert ...

Vielleicht noch eine Idee?

[gast42]

Vielleicht noch eine Idee?

wenn deine Linkstylings nur für Links in der Menüleiste gelten soll, dann kannst du diese Einschränkung im CSS auch wiedergeben:

HTML:

<ul id="menu">  
<li><a href=...>Link</a></lI>  
</ul>  

CSS:

ul#menu a:link { ... }  
ul#menu a:hover { ... }  

~~~usw.  

[Cheatah]

Hi,

Inline-Style habe ich bereits probiert

wie sah dieser Versuch denn aus?

Cheatah

[handballreni]

Hi,

Inline-Style habe ich bereits probiert

wie sah dieser Versuch denn aus?

Cheatah

<!-- 4stats Tracker Code // begin -->
<script type="text/javascript" src="http://4stats.de/de/counter?id=59641&amp;cntr=hide"></script>
<noscript><a style="display: none;" href="http://www.4stats.de/" target="_blank"><img src="http://4stats.de/de/stats?id=59641&amp;cntr=hide" border="0" alt="4stats Webseiten Statistik + Counter" /></a></noscript>
<!-- 4stats Tracker Code // end -->

[Deus Figendi]

<!-- 4stats Tracker Code // begin -->
<script type="text/javascript" src="http://4stats.de/de/counter?id=59641&amp;cntr=hide"></script>
<noscript><a style="display: none;" href="http://www.4stats.de/" target="_blank"><img src="http://4stats.de/de/stats?id=59641&amp;cntr=hide" border="0" alt="4stats Webseiten Statistik + Counter" /></a></noscript>
<!-- 4stats Tracker Code // end -->

Und hast du dann auch JaaScript abgeschaltet? Denn du änderst jetzt das a-Element im noscript-Bereich. Dieser wird ja nur ausgewertet, wenn man JS abgeschaltet (oder gar nicht im Browser) hat.
Wenn du das a-Element welches das JS erzeugt ausblenden willst musst du das Script auf http://4stats.de/de/counter?id=59641&amp;cntr=hide entsprechend anpassen.
ODER du schreibst ein weiteres Script, welches dieses a-Element, nachdem es erzeugt wurde auffindet und verbirgt.
ODER du schreibst ein CSS-Selektor beruhend auf dem href-Attribut, welches alle a-Elemente mit dem Wert http://www.4stats.de/ ausblendet
ODER (die imho einfachste Variante aber auch schmutzig):

»  
<span style="display:none;">  
 <!-- 4stats Tracker Code // begin -->  

> <script type="text/javascript" src="http://4stats.de/de/counter?id=59641&amp;cntr=hide"></script>  
> <noscript><a style="display: none;" href="http://www.4stats.de/" target="_blank"><img src="http://4stats.de/de/stats?id=59641&amp;cntr=hide" border="0" alt="4stats Webseiten Statistik + Counter" /></a></noscript>  
> <!-- 4stats Tracker Code // end -->  

</span>

[Gunnar Bittersmann]

@@handballreni:

nuqneH

Vielen Dank erst einmal für die erste Antwort. Inline-Style habe ich bereits probiert und hat nicht funktioniert ...

Für den „Ratschlag“, Inline-Styles zu verwenden, sollte man sich nicht bedanken, sondern „bedanken“.

Wenn man des „Ratschlag“-Gebers habhaft werden kann, kann Gewaltanwendung vielleicht nicht verkehrt sein (SCNR). Ansonsten einfach ignorieren.

Qapla'

[Deus Figendi]

Wenn man des „Ratschlag“-Gebers habhaft werden kann, kann Gewaltanwendung vielleicht nicht verkehrt sein (SCNR). Ansonsten einfach ignorieren.

Meine Ratschläge können gerne ignoriert werden, aber über Gewaltandrohung (oder -aufforderung?) finde ich jetzt nicht so fein.

Selbstredend hast du Recht inline-Styling sollte man in der Tat tunlichst vermeiden (außer in JS, da halte ich es für passabel).
Ich kenne es auch, dass ich Elementen die id "unsichtbares_Element" oder die Klasse "unsichtbar" zugewiesen habe o.ä.

Da dies aber ein Element ist, welches nicht sichtbar geschaltet wird, immer unsichtbar bleibt, keine andere Formatierung benötigt und zudem noch einmalig in dem Dokument sein dürfte hielt ich es im vorliegenden Fall für vertretbar inline-styling zu verwenden und so in der Selektor-Hierarchie direkt den höchsten Level zu erwischen.
Wenn man mehr machen möchte, z.B. den Pixel doch sichtbar haben möchte aber die Untetstreichung in rot und durchgezogen. Also wann immer man mehr als eine Style-Anweisung (tatsächlich oder potentiell) hat lohnt sich in der Tat eine ID.

Hier sah ich die Potenz aber nicht wirklich.

Anyway: Bevor du Gewalt gegen schlechte Ratschläger verkündest bekämpfe doch bitte all die anderen Unzulänglichkeiten im Web z.B. Leute, die sich Güte-Siegel auf die Seite bappen, deren Kriterien sie nicht erfüllen. Oder Leute, die keinen Dokumententyp angeben oder Leute die irgendwas anderes als HTML zum Benutzen ihrer Seite verlangen (anstatt Techniken wie Flash, JacaScript etc. nur optional zu verbauen). Da bin ich auch direkt dabei :-D

Aber wie gesagt: Hast ja recht...

[Cheatah]

Hi,

Meine Ratschläge können gerne ignoriert werden, aber über Gewaltandrohung (oder -aufforderung?) finde ich jetzt nicht so fein.

ich glaube, das fiele unter Notwehr.

Cheatah

[Gunnar Bittersmann]

@@Deus Figendi:

nuqneH

Selbstredend hast du Recht inline-Styling sollte man in der Tat tunlichst vermeiden (außer in JS, da halte ich es für passabel).

Ich nicht. Du meintest doch sowas:
foo.style.bar = "baz"?

JavaScript sollte möglichst gar keine Stile setzen, sondern auf Verhaltenslogik beschränkt bleiben. Also nicht das style-Objekt verwenden!

Es ändern sich Zustände, was sich in Klassenzugehörigkeiten widerspiegeln kann:
foo.className = "quz"

Die Angabe der geänderten Darstellung bei Zustandsänderung steht dort, wo sie hingehört – im Stylesheet:
foo.quz { bar: baz }

Anyway: Bevor du Gewalt gegen schlechte Ratschläger verkündest

Es ist ja nun wirklich nicht so, dass du ständig Dresche kriegen würdest. ;-)

Qapla'

[handballreni]

Kurzum: Wenn du dem a-Element als inline-Style Unsichtbarkeit (display:none; wahrscheinlich) zuweist ist es ziemlich sicher weg.

Leider bin ich trotz der Hinweise immer noch nicht weiter - warum das mit dem inline-style nicht klappt weiß ich nicht ... bei anderen Links klappt es auch, diese anders zu formatieren.

Kann es daran liegen, dass den link, den ich einbauen will, ein javascript ist?

[apsel]

Om nah hoo pez nyeetz,

möglicherweise ist 4stats auch not amused, weil meist bei kostenlosen Sachen ein kleiner Werbelink überliefert wird.

Matthias