Seite 1 von 2
css frage [gelöst]
Verfasst: Di 28. Mär 2006, 14:16
von rene04
Hallo,
kann mir jemand bitte erklären wieso der style nicht greift?
Code: Alles auswählen
<td> <a class="linkSearchbox" href="javascript:document.forms['formsearch'].submit();" style="color: #9d9ea2;">{SEARCH_START}</a> <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
Re: css frage
Verfasst: Di 28. Mär 2006, 15:22
von mvf
probier mal
Code: Alles auswählen
a.linkSearchbox:hover {
color: black;
text-decoration:none;
font-family: verdana;
font-size: 10pt;
}
Verfasst: Di 28. Mär 2006, 19:36
von rene04
ohne s probiert zu haben: in ner anderen seite geht es so. probier aber mal....
gruesse rene
Verfasst: Mi 29. Mär 2006, 12:21
von 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> <a class="linkSearchbox" href="javascript:document.forms['formsearch'].submit();">{SEARCH_START}</a> <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
Re: css frage
Verfasst: Mi 29. Mär 2006, 13:27
von Alflinger
rene04 hat geschrieben: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.
Verfasst: Mi 29. Mär 2006, 13:31
von rene04
style is nu raus wie man weiter oben erkennen kann und es geht immernoch nicht!
gruesse rene
Verfasst: Mi 29. Mär 2006, 13:33
von Alflinger
rene04 hat geschrieben:
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> <a class="linkSearchbox" href="javascript:document.forms['formsearch'].submit();">{SEARCH_START}</a> <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;)
Verfasst: Mi 29. Mär 2006, 13:47
von 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;
}
Verfasst: Mi 29. Mär 2006, 14:05
von 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
Verfasst: Mi 29. Mär 2006, 15:23
von Halchteranerin
mvf hat geschrieben: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 ...
Verfasst: Mi 29. Mär 2006, 15:51
von rene04
ja, ich säubere bei gelegenheit
gruesse rene
Verfasst: Mi 29. Mär 2006, 16:35
von Halchteranerin
rene04 hat geschrieben:ja, ich säubere bei gelegenheit
Dann helfen wir dir auch bei Gelegenheit ...
Verfasst: Do 30. Mär 2006, 07:36
von 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;
}
gruesse rene
Verfasst: Do 30. Mär 2006, 07:47
von Dodger77
rene04 hat geschrieben: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.
Verfasst: Do 30. Mär 2006, 07:50
von 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