nicht angemeldet
a:link:before
0 0 0 0
0 
Gunnar Bittersmann
a:link:before
ich hab eine Schwierigkeit vor mir liegen welche mir meinen letzten nerv raubt. es geht um ":before".
habe mittels
#posting p a:link:before { content:url(images/beforer.jpg)" "; }
#posting p a:link:before { content:url(images/beforer.jpg)" "; }
#posting p a:visited:before { content:url(images/beforer.jpg)" "; }
#posting a:img:before { content: none; }
...überall das bild "beforer.jpg" vor links angefügt. dummerweise setzt es mir nun auch vor bilder-links diese bild hin. ein kleines bild welches verlinkt ist verfügt nun ebenfalls über das "beforer.jpg" bild.
html code:
div id="posting">
<p><br class="spacer_"></p>
<h3><span style="color: rgb(0, 0, 0);">TITEL<br></span><strong>Untertitel</strong></h3>
<h2><span style="color: rgb(0, 0, 0);"><a href="http://www.link.com/bild.jpg"><img title="bild-3" src="http://www.link.com/bild.jpg" alt="bild" height="260" width="240"></a>Bild</span></h2>
…
wie bringe ich nun das bild "beforer.jpg" vor allen bilder-links weg?
danke für eure hilfe!
-
Hi,
#posting a:img:before { content: none; }
Was ist denn :img für eine Pseudoklasse?
wie bringe ich nun das bild "beforer.jpg" vor allen bilder-links weg?
In dem du dafür sorgst, dass deine Regel, die dieses Bild einfügt, nur auf Links angewandt wird, die keine Bilder enthalten.
Da CSS nicht "von unten nach oben" selektieren kann, notfalls unter Zuhilfenahme von Klassen o.ä.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
hi, danke für die rasche antwort,
In dem du dafür sorgst, dass deine Regel, die dieses Bild einfügt, nur auf Links angewandt wird, die keine Bilder enthalten.
wie mache ich das? hast du mir einen tip?
gruss, daver
-
Hi,
In dem du dafür sorgst, dass deine Regel, die dieses Bild einfügt, nur auf Links angewandt wird, die keine Bilder enthalten.
wie mache ich das?In dem du auch noch den nächsten Satz liest, den ich geschrieben hatte.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
Hi,
»» > In dem du dafür sorgst, dass deine Regel, die dieses Bild einfügt, nur auf Links angewandt wird, die keine Bilder enthalten.
»» wie mache ich das?In dem du auch noch den nächsten Satz liest, den ich geschrieben hatte.
MfG ChrisB
ich kann leider für img keine klassen zuteilen da dynamisch. andere möglichkeit? sorry, ich bin noch am anfang meiner css-kenntnisse, aber es wird langsam ;-)
-
@@Daver:
ich kann leider für img keine klassen zuteilen da dynamisch.
(1) Lies den „Satz […], den [ChrisB] geschrieben hatte“, nochmal.
(2) Dynamisch heißt serverseitiges oder clientseitiges Script? In diesem sollten Klassenzuweisungen problemlos möglich sein.
Live long and prosper,
Gunnar--
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)-
(1) Lies den „Satz […], den [ChrisB] geschrieben hatte“, nochmal.
(2) Dynamisch heißt serverseitiges oder clientseitiges Script? In diesem sollten Klassenzuweisungen problemlos möglich sein.
serverseitiges script (wordpress).
ich kriegs nicht gebacken was chrisb da meint…??
-
@@Daver:
»» »»ich kann leider für img keine klassen zuteilen
ich kriegs nicht gebacken was chrisb da meint…
„[…] nur auf Links angewandt wird, die keine Bilder enthalten.“
Du solltest nicht für 'img' Klassen zuteilen, sondern für 'a'. Entweder für die, welche Bilder enthalten, oder für die anderen.
Live long and prosper,
Gunnar--
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau) -
serverseitiges script (wordpress).
Die Ausgabe manipulieren ist kein Problem - entwender per Hand direkt in TinyMCE oder alternativ als Plugin.
-
-
-
-
-
-
-
@@Daver:
#posting p a:link:before { content:url(images/beforer.jpg)" "; }
#posting p a:link:before { content:url(images/beforer.jpg)" "; }Warum doppelt …
#posting p a:visited:before { content:url(images/beforer.jpg)" "; }
… und dreifach?
Es genügt doch
#posting p a:before { content:url(images/beforer.jpg)" "; }Und darf zwischen dem Bild und dem Linktitel wirklich ein Zeilenumbruch sein oder willst du dort lieber ein geschütztes Leerzeichen (U+00A0 no-break space) einfügen:
#posting p a:before { content:url(images/beforer.jpg)"\A0"; }Live long and prosper,
Gunnar--
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)