[Erledigt] Text-Links anders als Bild-Links

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[reddragon]

HI,

ich habe ein Problem, bei dem ich nicht weiter komme:

ich habe das Tutorial-Theme etwas überarbeitet, und meinen Wünschen angepasst. nun werden über die CSS alle Links mit einem gepunkteten Unterstrich dargestellt. Leider auch die Bilder, die Verlinkt sind. Kann man das irgendwie ändern?

Ich habe versucht den Bildern das über

Code: [Select]  

<div id="bannerlinks">...</div>

und in der CSS über:

Code: [Select]  

#bannerlinks{
        background-color: transparent;
}

beizubringen, aber ich bekomme Fehler ausgeschmissen, und der IE kapiert das nur manchmal


Weiß jemand Rat?

[bajazzo]

damit kommst du sowieso nicht voran weil:
- gepunktete unterstrich geht mit border, hat mit background nix zu tun
- mit dem div wirst du glaube ich auch nicht weiter kommen, weil vererbung

Google mal nach "link img" oder "a:link img" - findest viele vorschläge - keine richtige lösung weil wenn img als link dann eingenschaften des link.

[emet1]

Kenne das Style nicht, aber man sollte darin wohl wie schon erwähnt nach "border-bottom" suchen und nach "dotted".

Das muss dann da raus bzw. geändert werden.

Wenn der (Text)Link unterstrichen ist, dann weil gar keine Angabe gemacht wurde.

Aber bei dem Fall muss irgendwo eine Angabe enthalten sein, die auch das Bild mitnimmt.

[reddragon]

Ich sollte so spät abends nichts mehr schreiben.....

selbstverständlich haben die normalen Links ein

Code: [Select]  

a:link {
color: #333333;
text-decoration: none;
background-color: transparent;
border-bottom: #333333 1px dotted;
}

das soll bei normalen Textlinks auch so bleiben, aber nicht bei Graphiken.....

Aber a:link img könte ein interessanter Ansatz Sein, ich werde gleich mal suchen.....

[reddragon]

Zu früh gefreut..

Code: [Select]  

a:link img, a:visited img, a:hover img, a:active img {..... 

Ich kann damit zwar den Bildern, die Links enthalten zusätzliche Eigenschaften geben (wie z.B. weitere Ränder etc..),  aber ich kann damit nicht verhindern, dass die Linkeigenschaften von den normalen Text-Links ebenfalls dargestellt werden.



Könnte ich denn in dem <a href=.... etwas einbringen, dass dieser die eigenschaften von dem a:link img übernimt?

[emet1]

Code: [Select]  

border-bottom: none;

[bajazzo]

Vererbung - dafür gibt es keine richtige Lösung 
hatte das Thema schon mal hier:
http://ssc-frauenfussball.de

[reddragon]

@ Emet1,

ich möchte die Punkte unter den Text-Links ja behalten, nur unter den Bildern sollen die weg!

@ bajazzo,

das ist schlecht, aber Danke für die Info

[reddragon]

Hi nochmal,ich glaube ich habe eine Lösung:

in der CSS:

Code: [Select]  

a:link.pic, a:visited.pic, a:hover.pic, a:active.pic { .....

und dann in der HTML:

Code: [Select]  

<a href="index.php" class="pic" title="Zur Startseite"><img src=".......

Also bei mir zeigt er keine Punkte an! (FF 2.0.0.16)

[emet1]

So oder ähnlich war es gemeint - es führen viele Wege nach Rom. 

[reddragon]

Ahja....