a:link als class

[Jhanny]

Hallo,

ich habe mit css eine grafik vor meine links positioniert

a:link {
color: black;
Text-decoration: None;
background: url(link.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:5px;
}

nun gibt es links bei denen ich eine grafik benutze als "button" wo dieses link-symbol nicht auftauchen soll. Wie stelle ich es an manchen stellen denn wieder ab?
habe versucht eine klasse zu definieren

imagelink.a:link {
color: black;
Text-decoration: None;
}

aber das funzt net.
wie biege ich das hin?

Jhanny

[topfblume]

moin ...

a { WERT; }

.extra a { WERT; }

Suchst Du sowas?

gruß

[Antipitch]

Moin,

ich denke eher sowas:

imagelink:link {
 color: black;
 Text-decoration: none;
}

Siehe auch Pseudoelemente und Pseudoklassen

Gruß
Antipitch

[Jhanny]

Hi,

äh keine ahnung.. hehe deswegen frag ich ja..

hab normale Links mit der grafik davor, um link besser sichtbar zu machen, und grafiklinks <a href="xyz"><IMG ...></a> und bei denen wollte ich die grafik davor deaktiviren

<a href="xyz" CLASS="imagelink"><IMG ...></a>

und würde mich sogar damit zufrieden geben auch die normalen links mit

<a href="xyz" CLASS="link"><IMG ...></a>

zu kennzeichnen

CSS nochmal:
.imagelink a:link {
color: black;
Text-decoration: None;
}
.imagelink a:visited {
color: black;
Text-decoration: None;
}

.link a:link {
color: black;
Text-decoration: None;
background: url(link.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:5px;
}
.link a:visited {
color: black;
Text-decoration: None;
background: url(link.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:5px;
}
a:hover {
color: black; Text-decoration: Underline;
}
a:active{
color: black; Text-decoration: None;
}

Jhanny

[topfblume]

<a href="xyz" CLASS="imagelink"><IMG ...></a>

und würde mich sogar damit zufrieden geben auch die normalen links mit

<a href="xyz" CLASS="link"><IMG ...></a>

zu kennzeichnen

.link a { WERT; }
.imagelink a { WERT; }

a anstatt a:link funktioniert !

[Jhanny]

<style type="text/css" media="screen">
<!--
.imagelink a {
color: blue;
}

.link a {
color: red;
}
-->
</style>
<a CLASS="link" HREF="test01.htm">LINK01</a><br>
<a CLASS="imagelink" HREF="test02.htm">LINK02</a>

so oder was??

[topfblume]

sorry,

bin heute schon bischen weich in der Birne.

So muß es natürlich aussehen:

<style type="text/css" media="screen">
<!--
a.imagelink  {
color: blue;
}

a.link{
color: red;
}
-->
</style>

[Jhanny]

sorry,

bin heute schon bischen weich in der Birne.

So muß es natürlich aussehen:

<style type="text/css" media="screen">
<!--
a.imagelink  {
color: blue;
}

a.link{
color: red;
}
-->
</style>

So kann man das stehen lassen ;)

Danke

Jhanny

[Auge]

Hallo

<a href="xyz" CLASS="imagelink"><IMG ...></a>

<a href="xyz" CLASS="link"><IMG ...></a>

.link a { WERT; }
.imagelink a { WERT; }

Dies spricht Links innerhalb eines Elements der Klasse(n) "link" und "imagelink", nicht jedoch Links der soeben genannten Klasse(n) an.

.link a { ... } passt auf <p class="link"><a href="...">Linktext</a> bla, bla bla.</p>.
a.link { ... } passt auf <p><a href="..." class="link">Linktext</a> bla, bla bla.</p>.
Für die mit Pseudoklassen angesprochenen Zustände gälte (am Beispiel "hover") .link a:hover { ... } bzw. a.link:hover { ... }.

Tschö, Auge