css frage [gelöst]

[rene04]

Hallo,

kann mir jemand bitte erklären wieso der style nicht greift?

Code: Alles auswählen

<td>&nbsp;<a class="linkSearchbox" href="javascript:document.forms['formsearch'].submit();" style="color: #9d9ea2;">{SEARCH_START}</a>&nbsp;<a href="javascript:document.forms['formsearch'].submit();"><img src="images/navi_pfeil_rechts.gif" alt="{SEARCH_TITLE}" title="{SEARCH_TITLE}" border="0"/></a></td>

Code: Alles auswählen

/* allgemeine links im text */

a:link{ color: black; text-decoration:none; ;font-family: verdana; font-size: 10pt;}

a:visited{color: black;text-decoration:none;font-family: verdana; font-size: 10pt;}

a:active{ color:black;text-decoration:none;font-family: verdana; font-size: 10pt; }

a:hover{ color: #ffffff;background-color:#9198ab;  text-decoration:none;font-family: verdana; font-size: 10pt; }

.linkSearchbox a:hover{
  color: black; 
  text-decoration:none; 
  font-family: verdana; 
  font-size: 10pt;
}

wird da class von style überschrieben? was kann ich tun?

gruesse rene

[mvf]

probier mal

Code: Alles auswählen

a.linkSearchbox:hover {
  color: black;
  text-decoration:none;
  font-family: verdana;
  font-size: 10pt;
} 

[rene04]

ohne s probiert zu haben: in ner anderen seite geht es so. probier aber mal....

gruesse rene

[rene04]

ging auch nicht.

hab nun mal das hier versucht:

Code: Alles auswählen

a:link{ color: black; text-decoration:none; font-family: verdana; font-size: 10pt;}

.linkSearchbox a:link{
  color: #9d9ea2; 
  text-decoration:none; 
  font-family: verdana; 
  font-size: 10pt;
}

Code: Alles auswählen

<td>&nbsp;<a class="linkSearchbox" href="javascript:document.forms['formsearch'].submit();">{SEARCH_START}</a>&nbsp;<a href="javascript:document.forms['formsearch'].submit();"><img src="images/navi_pfeil_rechts.gif" alt="{SEARCH_TITLE}" title="{SEARCH_TITLE}" border="0"/></a></td>

leider alles ohne erfolg. es tut sich rein garnichts.

weis echt nimmer weiter.

gruesse rene

[Alflinger]

Hallo,

kann mir jemand bitte erklären wieso der style nicht greift?

wird da class von style überschrieben? was kann ich tun?

gruesse rene

Ja genau!
Die direkte Style Definition im Tag hat Vorrang gegenüber der externen (class, id).
Was du tun kannst, dürfte klar sein: entweder mit Class oder Style Farbwerte setzen.
Wenn du eine spezielle Darstellung brauchst, kannst du zur Class hinzu auch noch die ID nehmen.

[rene04]

style is nu raus wie man weiter oben erkennen kann und es geht immernoch nicht!

gruesse rene

[Alflinger]

hab nun mal das hier versucht:

Code: Alles auswählen

a:link{ color: black; text-decoration:none; font-family: verdana; font-size: 10pt;}

.linkSearchbox a:link{
  color: #9d9ea2; 
  text-decoration:none; 
  font-family: verdana; 
  font-size: 10pt;
}

Das ist doppelt gemoppelt.
Wenn du innerhalb des <a> Tags deine Klasse "linkSearchbox" angibst, brauchst du in der Klassendefinition nicht auch noch "a:link" angeben.
Entweder oder.

Code: Alles auswählen

<td>&nbsp;<a class="linkSearchbox" href="javascript:document.forms['formsearch'].submit();">{SEARCH_START}</a>&nbsp;<a href="javascript:document.forms['formsearch'].submit();"><img src="images/navi_pfeil_rechts.gif" alt="{SEARCH_TITLE}" title="{SEARCH_TITLE}" border="0"/></a></td>

Du fügst in den Anker ein Bild ein. Ich weiss nun nicht was du willst, aber wenn du was gestalten willst, solltest du die Klasse auch auf das Image erweitern (z.B. border: none;)

[Alflinger]

Eine Methode ist auch, du lässt die Klasse im Anker, und schreibst die Definition in der CSS-Datei etwas anders und fasst es logisch zusammen:

a.linkSearchbox{
text-decoration:none;
font-family: verdana;
font-size: 10pt;
}
a.linkSearchbox:link{
color: #9d9ea2;
}
a.linkSearchbox:hover{
color: orange;
}

[mvf]

mein reden, dann noch den code mal säubern, damit nicht haufen styles im css und embedded styles sich streiten müssen, und die classenordnung beim w3c befolgen

[Halchteranerin]

mein reden, dann noch den code mal säubern, damit nicht haufen styles im css und embedded styles sich streiten müssen

hmm, das kommt mir bekannt vor, so etwas hatte ich gestern in einem anderen Thread (auch von rene04!) geschrieben ...

[rene04]

ja, ich säubere bei gelegenheit

gruesse rene

[Halchteranerin]

ja, ich säubere bei gelegenheit

Dann helfen wir dir auch bei Gelegenheit ...

[rene04]

so, zumindest das layout ist gänzlich von internen style-anweisungen befreit (ausser ganz ganz unten, das will ich lassen). was ich noch nicht ganz verstehe ist wieso noch der background beim hover des go-buttons erscheint:

Code: Alles auswählen

/* allgemeine links im text */

a:link{ color: black; text-decoration:none; font-family: verdana; font-size: 10pt;}

a:visited{color: black;text-decoration:none;font-family: verdana; font-size: 10pt;}

a:active{ color:black;text-decoration:none;font-family: verdana; font-size: 10pt; }

a:hover{ color: #ffffff;background-color:#9198ab;  text-decoration:none;font-family: verdana; font-size: 10pt; }


a.linkSearchbox{
text-decoration:none;
font-family: verdana;
font-size: 10pt;
}
a.linkSearchbox:link{
color: #9d9ea2;
}
a.linkSearchbox:hover{
color: orange;
} 

http://web2.vs188133.vserver.de/contenido-4.6.8/cms

gruesse rene

[Dodger77]

so, zumindest das layout ist gänzlich von internen style-anweisungen befreit (ausser ganz ganz unten, das will ich lassen). was ich noch nicht ganz verstehe ist wieso noch der background beim hover des go-buttons erscheint:

Das liegt ganz einfach am CSS. Der Button ist ja gar keiner, sondern ein einfacher Link. Da du jedoch keine background-Anweisung für die entsprechenden Klassen (z.B. "linkSearchbox") angegeben hast, wird der wohl auf die Standard-Einstellung für alle Links zurückgreifen.

Mist, jetzt habe ich doch eine CSS-Frage beantwortet.

[rene04]

also wenn ich das richtig verstehe sind meine anweisungen nur ergänzungen der standards. oder wenn etwas erwähnt wird was im standard aucxh steht wirds überschrieben. richtig?

gruesse rene