Autor |
Nachricht |
benusa
Threadersteller
Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 17.07.2008 10:49
Titel [CSS] Vererbungsproblem |
|
|
Ciao zusammen.
Ich stecke gerade ziemlich fest und checke nicht so wirklich wo das Problem ist.
In meinem ersten Stylefile habe ich folgende Definition:
Code: |
#content a:link, #content a:active, #content a:visited {
text-decoration:underline;
color:#666666;
}
#content a:hover {
color:#333333;
text-decoration:none;
}
|
Dann habe ich noch ein seperates, zweites Stylefile, mit folgender Definition:
Code: |
.newSearch, .detailSearch, .keepBook, .alert, .request {
display:block;
float:left;
text-decoration:none;
padding-top:50px;
color:red;
}
.newSearch {
padding-left:17px;
}
.detailSearch {
padding-left:11px;
}
.keepBook {
padding-left:24px;
}
.alert {
padding-left:17px;
}
.request {
padding-left:12px;
}
|
Mein XHTML Code sieht wie folgt aus:
Code: |
<div id="content">
foo doo soo normaler text <br />
<a href="#" class="newSearch">neue Suche</a><a href="#" class="detailSearch">Detail-Suche</a>[...]
</div>
|
Die Ausgabe erscheint aber fehlerhaft, die Links sind unter anderem unterstrichen, die Farbe stimmt nicht usw...
Die kompletten Eigenschaften von #content werden übernommen.
Es sind zwar Links im Div #content ABER diese Links haben ja eine seperate Klasse und sind gestyled.
Also frage ich mich ob ich bei der Deklaration etwas falsch mache oder es überhaupt nicht möglich ist das Problem so zu lösen wie ich es vorhatte.
Bin über jeden Tip und Hinweis dankbar,
*cheers
BENUSA
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Do 17.07.2008 10:57
Titel
|
|
|
wird wohl an der gewichtung liegen
die definitionen mit einer id sind wichtiger als deine klassen
warum nimmst du auch id="content" mach doch auch ne klasse draus, dann gehts
oder
text-decoration:none !important;
bringts auch
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 17.07.2008 10:58
Titel
|
|
|
ids haben eine höhere wertigkeit als klassen. die angaben aus einer definition einer id werden denen einer klasse immer vorgezogen.
du kannst das problem umgehen indem du
a) die id des containers vor deiner klasse setzt:
Code: | #content .newSearch, #content .detailSearch, #content .keepBook, #content .alert, #content .request {
[...]
} |
oder
b) deine veränderten angaben mit dem !important attribut versiehst:
Code: |
.newSearch, .detailSearch, .keepBook, .alert, .request {
display:block !important;
float:left !important;
[...]
}
|
€: mist, einer schneller
Zuletzt bearbeitet von sahnemuh am Do 17.07.2008 10:59, insgesamt 2-mal bearbeitet
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Do 17.07.2008 11:00
Titel
|
|
|
ich finde hat keinen sinn in css id's zu vergeben.
id's benötigt man doch mehr in javascript
bzw. hab ich mich von id's für css gelöst
dann passiert das nicht
|
|
|
|
|
benusa
Threadersteller
Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 17.07.2008 11:12
Titel
|
|
|
Danke für die schnellen Antworten.
Leider muss ich beiden mitteilen das weder Variante 1 noch Variante 2 , noch Variante 3 funktionieren.
Die Styles werden einfach immer mit dem Style von content überschrieben
Code: |
.content {
float:left;
width:555px;
padding-left:20px;
padding-right:30px;
color:#666666;
font-size:12px;
}
.content a:link, .content a:active, .content a:visited {
text-decoration:underline;
color:#666666;
}
.content a:hover {
color:#333333;
text-decoration:none;
}
|
Code: |
.newSearch, .detailSearch, .keepBook, .alert, .request {
display:block; !important;
float:left; !important;
text-decoration:none; !important;
padding-top:50px; !important;
color:red; !important;
}
|
Eventuell noch kurz eine Erläuterung:
Die normalen Links im Inhalt des Div content sollen eben mit dem content style erscheinen.
Nun gebe ich aber auf diversen Seiten in eben diesem Content verschiedene Details aus die mit dem anderen Style formatiert werden sollen. Dies ist aber auch mit Euren Vorschlägen nicht gegangen.
*cheers
BENUSA
Zuletzt bearbeitet von benusa am Do 17.07.2008 12:35, insgesamt 3-mal bearbeitet
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Do 17.07.2008 11:41
Titel
|
|
|
du hast das auch falsch geschrieben
vor !important kommt kein ;
Zuletzt bearbeitet von SURE612 am Do 17.07.2008 11:42, insgesamt 1-mal bearbeitet
|
|
|
|
|
benusa
Threadersteller
Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 17.07.2008 11:45
Titel
|
|
|
Tatsache!
Vielen Dank für die schnelle Hilfe Jungs! Klappt nun einwandfrei
*cheers
BENUSA
|
|
|
|
|
|
|
|