pragmaMx Support Forum

alles für Webmaster => Webseitengestaltung Allgemein => Thema gestartet von: reddragon in 25 Juli 2008, 01:56:32

Titel: [Erledigt] Text-Links anders als Bild-Links
Beitrag von: reddragon in 25 Juli 2008, 01:56:32
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 <div id="bannerlinks">...</div>

und in der CSS über:

#bannerlinks{
        background-color: transparent;
}

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


Weiß jemand Rat?
Titel: Re: Text-Links anders als Bild-Links
Beitrag von: bajazzo in 25 Juli 2008, 08:58:57
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.
Titel: Re: Text-Links anders als Bild-Links
Beitrag von: emet1 in 25 Juli 2008, 09:45:48
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.
Titel: Re: Text-Links anders als Bild-Links
Beitrag von: reddragon in 25 Juli 2008, 17:32:06
Ich sollte so spät abends nichts mehr schreiben.....

selbstverständlich haben die normalen Links ein

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..... :)
Titel: Re: Text-Links anders als Bild-Links
Beitrag von: reddragon in 25 Juli 2008, 18:13:56
Zu früh gefreut.. :(


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?
Titel: Re: Text-Links anders als Bild-Links
Beitrag von: emet1 in 25 Juli 2008, 18:27:31
border-bottom: none;
Titel: Re: Text-Links anders als Bild-Links
Beitrag von: bajazzo in 25 Juli 2008, 21:05:39
Vererbung - dafür gibt es keine richtige Lösung  :note:
hatte das Thema schon mal hier:
http://ssc-frauenfussball.de (http://ssc-frauenfussball.de)
Titel: Re: Text-Links anders als Bild-Links
Beitrag von: reddragon in 26 Juli 2008, 13:05:34
@ 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
Titel: Re: Text-Links anders als Bild-Links
Beitrag von: reddragon in 26 Juli 2008, 13:59:18
Hi nochmal,ich glaube ich habe eine Lösung:

in der CSS:
a:link.pic, a:visited.pic, a:hover.pic, a:active.pic { .....

und dann in der HTML:
<a href="index.php" class="pic" title="Zur Startseite"><img src=".......

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


Titel: Re: Text-Links anders als Bild-Links
Beitrag von: emet1 in 28 Juli 2008, 17:30:35
So oder ähnlich war es gemeint - es führen viele Wege nach Rom.  :cool:
Titel: Re: Text-Links anders als Bild-Links
Beitrag von: reddragon in 28 Juli 2008, 18:35:52
Ahja....