|
|
hugo-linchen
Hallo allerseits,
für eine Seite habe ich per css globale Linkstile vergeben, die statt mit Unterstreichungen mit 'border-bottom' farbig hervorgehoben sind. Nun habe ich das Problem, dass verlinkte Bilder generell mit einer hübschen Unterstreichung versehen sind. Und die ist um's ... nicht wegzukriegen. Leider kann ich aber (es ist ein CMS) keine eigenen Klassen für die Bilder vergeben, um der Ränder Herr zu werden.
Der Code sieht derzeit so aus (funktioniert nur leider gar nicht, wie er soll):
| code: |
1:
|
.contentContainer A:link,.contentContainer A:visited { font-size: 0.96em; letter-spacing: 0.01em; color: #F80B0A; font-weight: bold; text-decoration: none; border-bottom: 1px solid #F80B0A;}.contentContainer A:focus,.contentContainer A:hover { color: #666; font-weight: bold; text-decoration: none; border-bottom: 1px solid #0067E7;}/*** der Versuch, Bilder ohne Unterstreichung darzustellen, *//*** funktioniert leider nicht. */.contentContainer A IMG { border: none;} |
|
Hat da vielleicht irgendjemand eine hilfreiche Idee?
The Master
du kannst doch einfach die einzelnen knoten durchgehen, also z.b. .contentContainer a:visited img {}
hugo-linchen
Hallo, das hatte ich schon. Funktioniert aber nicht. 
hugo-linchen
Hallo Master, jetzt bin ich wieder weniger im Streß. Erstmal Danke für die Anregung. Aber im Sinne von
| Zitat: |
| z.b. .contentContainer a:visited img {} |
hatte ich schon den Rahmen und auch die text-decoration für das Bild auf 'none' gesetzt. Alle möglichen und unmöglichen Stilangeben wedren einwandfrei interpretiert. Nur leider, leider, sobald das Bild gleichzeitig verlinkt ist, schlägt der globale Linkstil zu. (Übrigens auch nur bei dieser Art der Unterstreichung. Wenn ich in den globalen Linkstil 'text-decoration: underline' eingebe, kann ich ihn für das verlinkte Bild mit 'none' unterdrücken.)
Das Beispiel für den css ist schon oben. Hier nur den Html:
| code: |
1:
|
<td class="contentContainer"><div id="content"><p class="bodytext"> <a href=""><img src="Bild" /></a>Text</p></div></td> |
|
Ich bin ratlos. Und für jede Anregung - die ich sofort umsetzen werde - dankbar !
hugo-linchen
The Master
probier mal border: 0px;
hugo-linchen
Ich teste alles. 0px geht aber leider auch nicht.
Mihawk90
ööhm, nurmal so ne rage, warum machst du das überhaupt über border 
mach doch einfach ne unterstreichung, also z.B.
[edit]ok, ich hätte vllt erstmal richtig lesen sollen xD du wolltest also nur die unterstreichung farbig, aber den rest normale farbe, ich dachte du wolltest den kompletten link farbig...
---
dann zählt ja das nich mehr
| code: |
1:
2:
3:
|
a {
text-decoration: underline;
} |
|
---
btw warum macht ihr des überhaupt so kompliziert mit .contentContainer A:link . es is doch viel einfacher das so zu machen, wie im beispiel. un für visited könnt ihr ja auch zum beispiel
| code: |
1:
2:
3:
|
a:visited {
-- dein code --
} |
|
nehmen...
warum so umständlich^^
hugo-linchen
Hallo Mihawk,
da das Ganze ja in einem CMS läuft, muss ich für die Inhalte (contentContainer) andere Linkstile vergeben als beispielsweise für die Menüs. Soll ja nicht alles gleich aussehen.
Die 'umständliche' Art der Auszeichnung habe ich zwecks Browserkompatibilität gewählt. Der allseits bekannte Nicht-Browser interpretiert Kindelemente nämlich nicht immer so wie er sollte.
hugo-linchchen
der_nic
| Zitat: |
Original von Mihawk90
ööhm, nurmal so ne rage, warum machst du das überhaupt über border
mach doch einfach ne unterstreichung, also z.B.
[edit]ok, ich hätte vllt erstmal richtig lesen sollen xD du wolltest also nur die unterstreichung farbig, aber den rest normale farbe, ich dachte du wolltest den kompletten link farbig...
---
dann zählt ja das nich mehr
| code: |
1:
2:
3:
|
a {
text-decoration: underline;
} |
|
---
btw warum macht ihr des überhaupt so kompliziert mit .contentContainer A:link . es is doch viel einfacher das so zu machen, wie im beispiel. un für visited könnt ihr ja auch zum beispiel
| code: |
1:
2:
3:
|
a:visited {
-- dein code --
} |
|
nehmen...
warum so umständlich^^ |
Weil du das Prinzip der Kaskaden in CSS nicht kapiert hast... Hier zum einlesen http://www.css4you.de/wscss/index.html
Mihawk90
aha, ich hab kein plan von CSS weißte -.-
nur warum hab ich das deiner meinung nach nich kapiert, ich weiß was CSS is bzw wies verwendet wird, ich schreib nich umsonst fast alle meine seiten in xhtml strict xD
| Zitat: |
Original von hugo-linchen
Die 'umständliche' Art der Auszeichnung habe ich zwecks Browserkompatibilität gewählt. Der allseits bekannte Nicht-Browser interpretiert Kindelemente nämlich nicht immer so wie er sollte. |
aso, hab ich mir fast gedacht xD naja, mit dem gewissen browser, das problem kenn ich^^ aber laut auch wohlbekannter herstellerfirma wird auch gar nich versucht sich den Empfehlungen des W3C (weil sind ja keine richtigen standards 
) zu nähern... naja, ich werd die nie verstehen xD
|
|
