Adressierung vom <img> innerhalb von <a>

[Paul]

Hallo,

Wir setzen in unserem Stylesheet per a:hover gestrichelte Linien unter Textlinks:

a:hover {
  color:#af9f00;
  border-bottom:1px dashed #af9f00;
}

Nun werden die Linien aber auch unter verlinkten Bildern angezeigt.
Jetzt habe ich versucht, border bei vorkommenden img-tags innerhalb von Links auszuschalten:

a:hover img {
  border:none;
}

Das funktioniert so aber nicht, was ja auch einleuchtet, da damit der img-tag selbst adressiert wird und dafür dann border ausgeschaltet wird.

Meine Frage:
Ist es möglich -nur mittels CSS- <a>-tags zu erfassen, die ein <img>-tag beinhalten? (Habe keinen Zugriff auf den erzeugten HTML-Output, bzw will das auch nicht ändern)

Zu sehen ist das Ganze unter http://wiki.airlangen.de/ (RecentChanges).

dankeschön,
Paul

[alfie]

Hallo!

Jetzt habe ich versucht, border bei vorkommenden img-tags innerhalb von Links auszuschalten:

a:hover img {
  border:none;
}

Versuch doch einmal im Stylesheet

img { border: 0 none; }

mfg Alfie

[MudGuard]

Hi,

Versuch doch einmal im Stylesheet
img { border: 0 none; }

Was soll das bringen, wenn das umschließende a-Element nach wie vor seine border hat?

cu,
Andreas

[MudGuard]

Hi,

Ist es möglich -nur mittels CSS- <a>-tags zu erfassen, die ein <img>-tag beinhalten?

beinhalten? beinhalten, armhalten, fußhalten ...

Nein, Elemente anhand darin enthaltener Elemente zu selektieren ist nicht möglich.
Du mußt die betroffenen Links auf andere Art selektieren (z.B. per Klasse).

cu,
Andreas

[Paul]

Nein, Elemente anhand darin enthaltener Elemente zu selektieren ist nicht möglich.
Du mußt die betroffenen Links auf andere Art selektieren (z.B. per Klasse).

Ich habs geahnt, trotzdem danke.

Pro bein-freiheit!

gruß,
Paul

[mark chopin]

Dann gib dem a-Tag, der das Bild umschließt, eine Klasse mit

  
  a.one:link, a.one:visited, a.one:hover, a.one:active, a.one:focus  { border:0px none #ffffff; }  

Und dem img-Tag statte noch mit einem border="0" aus.

Bei mir klappt das so.

[Ingo Turski]

Hi,

Dann gib dem a-Tag, der das Bild umschließt, eine Klasse mit

Du solltest die Fragen vollständig lesen:

(Habe keinen Zugriff auf den erzeugten HTML-Output, bzw will das auch nicht ändern)

freundliche Grüße
Ingo

[mark chopin]

(Habe keinen Zugriff auf den erzeugten HTML-Output, bzw will das auch nicht ändern)

Ich las nur das "bzw.".

Ich weiß auch nicht, wie man auf den erzeugten HTML-Code KEINEN Einfluss
haben kann? Sind das nicht meine Seiten? Oder arbeite ich nicht
mit denjenigen zusammen, die diesen Code erstellen?

[Ingo Turski]

Hi,

Ich weiß auch nicht, wie man auf den erzeugten HTML-Code KEINEN Einfluss
haben kann? Sind das nicht meine Seiten? Oder arbeite ich nicht
mit denjenigen zusammen, die diesen Code erstellen?

also mir wird das aus dem Eingangsposting durchaus verständlich.

Wir setzen in unserem Stylesheet
http://wiki...

freundliche Grüße
Ingo

[Paul]

Hi,

Ich weiß auch nicht, wie man auf den erzeugten HTML-Code KEINEN Einfluss
haben kann?

Es handelt sich um eine Wiki-Installation, die auch in zukünftigen Versionen 'pflegbar' bleiben soll, ohne 100 HTML-Fixes nachzuziehen.

Fg, Paul

[Dada]

Guten Tag Paul,

mittels ".rcicon1 a {border-bottom:0px;}" müsste es gehen - zumindest bei mir hat es den gewünschten Erfolg.
rcicon1 ist die (Beispiel-)Klasse des umfassenden td-Elements.

Mit Gruß
Dada

[Paul]

Hi Dada,

mittels ".rcicon1 a {border-bottom:0px;}" müsste es gehen - ...

Auja.
Ich dachte halt, ich löse das irgendwie global, aber so gehts natürlich auch. Danke dir!

Gruß,
Paul