zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Werte werden überschrieben. Nur wo?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.07.2006, 12:35
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 07.02.2006
Beiträge: 359
ONeill befindet sich auf einem aufstrebenden Ast
Standard CSS Werte werden überschrieben. Nur wo?

Hallo,

ich habe folgendes HTML Markup:
Code:
div id="Inhalt" class="Spalte">
			<div class="startseite"><h1>Aktuelle Neuigkeiten</h1>
<div id="News">
	
			<div class="news">
				<div class="newsHeader"><h3>Neue Webseite online!</h3></div>
				<div class="newsBody">
					<div class="newsMain">
						<img title="" src="uploads/pics/news.jpg" alt="" height="100" width="100" /> 
						<p class="bodytext">Wie unschwer zu erkennen ist, erstrahlen die Intranetseiten des <a href="index.php?id=92&amp;tx_a21glossary[uid]=1&amp;tx_a21glossary[back]=89&amp;cHash=7843066d91" class="glossary"><acronym title="Insitut f&uuml;r Hochfrequenztechnik">IHF</acronym></a> in einem neuen Glanz. Das Layout wurde komplett &uuml;berarbeitet. Desweiteren wurden die Seiten strikt nach dem Standard programmiert.

</p>
<p class="bodytext">Anregungen und Kritik k&ouml;nnen Sie direkt an <a class="mail" title="Neue Webseite online!" href="mailto:gilman@ihf.rwth-aachen.de">mich</a> senden.  </p>
						<div class="newsDaten"><p>Geschrieben am 31.05.06 um 10:56 Uhr</p></div>
					</div>					
				</div>
			</div>
		
</div>
Jetzt will ich das Datum und die Uhrzeit in newsDaten ändern. Farbe kann ich ändern von dem Absatz aber nicht die Schriftgröße oder einen Border definieren.

Hier der CSS COde für den Bereich:
Code:
#Inhalt {
	padding: 0 30px;
	margin-left: 11em;
	color: black;
	background: #e5ebff url(../images/back-navi.jpg) left top repeat-y;;
}

#Inhalt p {
	line-height:1.5em;
	font-size: 0.9em;
	padding: 10px;
}

/***************/
/* NEWS ********/
/***************/

div.startseite {
	padding-top:10px;
}

/* GESAMTE NEWS */

div#News {
	margin: 40px 20px;
}

div#News p {
	border: 0;
}

/* Einzelne News */

div.news {
	margin: 20px 10px 10px 10px;
	position: relative;
}

div.newsHeader {
	background: #0925a2 url(../images/newsecke.jpg) right top no-repeat;
	color: #fe9f00;
	padding: 5px 10px;
}

div.newsBody {
	border: 1px solid #0925a2;
}

div.newsMain {
/*	margin-bottom: 1.5em;*/
}

div.newsMain img {
	float: left;
	margin: 5px 10px 5px 5px;
}

div.newsDaten {
	text-align: right;
}

div.newsDaten p {
	display: inline;
	border-top: 1px solid #0925a2;
	border-left: 1px solid #0925a2;
	font-size: 0.7em;
	padding: 5px;
	margin: 0;
}
Habe ich irgendeine Vererbung übersehen oder etwas? Ich weiß nicht wo ich die Werte überschreibe. Oder kann ich die Werte gar nicht zuweisen?

Danke für eure Hilfe
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.07.2006, 12:43
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Muß gehen, offensichtlich muß nur die Spezifität der Selektoren erhöht werden, nach dem Prinzip #News .newsDaten p, oder auch #Inhalt #News .newsDaten p (mußt Du ausprobieren, habe jetzt nicht sooo genau geschaut). Übrigens kannst Du Dir das div. vor jedem Selektor sparen, denn auch dies beeinflußt die jeweilige Spezifität, u.U. zu Deinen Ungunsten.

Und schmeiß das <div> .newsHeader raus und gib diese Klasse stattdessen der enthaltenen <h3>.

Geändert von heiko_rs (04.07.2006 um 12:50 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.07.2006, 12:49
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 07.02.2006
Beiträge: 359
ONeill befindet sich auf einem aufstrebenden Ast
Standard

Hey, daran lag es. Aber wieso ändert er die Farbe, aber setzt keinen Border. Ist doch im gleichen Selektor.

Das h3 werde ich ändern und die div's vor den Selektoren wegmachen.

FRAGE: Sollte man in der CSS Datei immer den kompletten Pfad angeben?

Geändert von ONeill (04.07.2006 um 12:55 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 04.07.2006, 12:55
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von ONeill
Der Absatz wird ja angesprochen. Ein color: white funktioniert oben und der Text wird weiß. Er wird allerdings nicht kleiner oder bekommt einen Rahmen.
Natürlich, weil IDs Vorrang haben:

Zitat:
Zitat von ONeill
Code:
#Inhalt p {
	line-height:1.5em;
	font-size: 0.9em;
	padding: 10px;
}

...

div#News p {
	border: 0;
}
Befolge einfach meinen Rat und erhöhe die Spezifität
Mit Zitat antworten
  #5 (permalink)  
Alt 04.07.2006, 13:02
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von ONeill
Aber wieso ändert er die Farbe, aber setzt keinen Border. Ist doch im gleichen Selektor.
Siehe mein voriges Posting, border wird an anderer Stelle auf null gesetzt. Um dies zu überschreiben, mußt Du die Spezifität ggf. noch weiter erhöhen, wie ich ja bereits geschrieben hatte.

Zitat:
Zitat von ONeill
FRAGE: Sollte man in der CSS Datei immer den kompletten Pfad angeben?
Meinst Du mit "Pfad" eben dieses Prinzip der Nachfahrenselektoren? Das ist nicht nötig, nur z.B. um Kindelemente anzusprechen, ohne ihnen eine Klasse zuzuweisen, oder in Deinem Falle, um durch Erhöhung der Spezifität Regeln zu überschreiben. Ansonsten ist es absolut nicht nötig.
Mit Zitat antworten
  #6 (permalink)  
Alt 04.07.2006, 13:06
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 07.02.2006
Beiträge: 359
ONeill befindet sich auf einem aufstrebenden Ast
Standard

Wir haben wohl gleichzeitig geschrieben und ich habe noch editiert, daher wohl die Verwirrung

Danke für deine Antwort. Es funktioniert jetzt.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Frameset über CSS steuern MadBall CSS 7 30.03.2010 16:57
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 03:21
CSS und PHP bitkiller CSS 7 24.11.2005 00:36
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:44 Uhr.