CSS Regeln nicht anwenden

dows · #1 (**permalink**) 30.09.2008, 23:32

Hallo liebe Forengemeinde,

auf meiner Website habe ich den Wetter.com das "Wetter auf ihrer Homepage" Tool.
Nun habe ich u.a. eine CSS Regel zum Darstellen von horizontalen Linien <hr> (s.u.)
Leider werden die Linien nach meinen CSS Regeln angezeigt (was nicht gerade gut aussieht). Wie kann ich verhindern, dass meine Regeln hierauf angewendet werden?

Jetzt noch die Codes:
Einbettung des Wetter.com Service:

Code:

        <div class="div_wetter">
          <script type="text/javascript"
            	src="http://www.wetter.com/v2/woys2/woys2.js.php?...">
            </script>
        </div>

CSS Regel "div_wetter"

Code:

.div_wetter {
	width: 150px;
	height:149px;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 100px;
}

CSS Regel für horizontale Linien

Code:

hr {
	border: solid #006699 1px;
	height: 1px;
	width: 50%;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

Wenn weiter Infos benötigt werden, einfach posten.
Wer sich das Ergebnis ansehen will: i07.de.tt

Soweit erstmal.
Bis dahin: Vielen Dank schon mal!

heiko_rs · #2 (**permalink**) 30.09.2008, 23:37

Auf dem Link gibt's keine einzige hr im Quelltext.

dows · #3 (**permalink**) 30.09.2008, 23:52

Jain....was den Quelltext betrifft hast du recht. Dennoch wird eine <hr> durch Wetter.com 'geliefert' (siehe 1. Screenshot {das blaue Ding unter dem Datum})
Das sollte eigentlich nicht sein.
Die Original-Linie ist schwarz und 1px breit. (siehe 2. Screenshot)

fricca · #4 (**permalink**) 30.09.2008, 23:55

Und wozu hast du eine Regel für hr-Elemente in deinem Stylesheet, wenn in deinem Code doch gar keine hr-Elemente vorkommen?

heiko_rs · #5 (**permalink**) 30.09.2008, 23:55

Okay, jetzt verstehe ich das Problem. Dann begrenze Deine hr-Regel auf einen Bereich, in dem sich die Wetter-Einbindung nicht befindet, z.B. #inhalt hr.

Edit: Ja, das ließ mich auch das Problem nicht verstehen

dows · #6 (**permalink**) 01.10.2008, 00:07

Ich steh grad ein wenig auf dem Schlauch....

Würde

#div_wetter hr {
color: #000000;
height: 1px;
text-align: center;
border: #000000 1px solid;
}

gehen?
(FTP spinnt gerade, kann's somit nicht selber testen)

fricca · #7 (**permalink**) 01.10.2008, 00:12

Du kannst keine HR von deiner allgemeinen Regel ausschließen.
Aber du kannst deine allgemeine Regel einfach löschen, wenn es kein Element gibt, auf das sie angewandt werden soll.
Also nochmal: Wozu steht deine Regel für HR überhaupt in deinem Stylesheet?

heiko_rs · #8 (**permalink**) 01.10.2008, 00:13

Ja, aber Du wolltest ja wissen, wie Deine allg. hr-Regel nicht auf's Wetter angewandt wird

z.B. per #div_AktuellesFrame hr.

cursor: default; für den Text ist übrigens fies.

Edit: zu langsam

dows · #9 (**permalink**) 01.10.2008, 00:13

Zitat:

Zitat von fricca

Und wozu hast du eine Regel für hr-Elemente in deinem Stylesheet, wenn in deinem Code doch gar keine hr-Elemente vorkommen?

Die hr die damit angespochen werden sollen sind [hier].

heiko_rs · #10 (**permalink**) 01.10.2008, 00:16

Also #div_ModulFrame hr (denn dort stecken sie drin).

Edit: Die haben ja alle 'ne Klasse... Wenn das (freilich unnötigerweise) so bleiben soll, schreibe vor Deinen Selektor einfach 'nen Punkt - .hr {...} - und fertig

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
IE 6 erkennt seine CSS Datei nicht	Perelina	(X)HTML	4	07.08.2009 18:56
Vertikale CSS Navigation mit Bildern und Text	macmensa	CSS	2	25.07.2009 16:23
Brauche Hilfe bei preg_match \| CSS im Newssystem	Zen5656	Serveradministration und serverseitige Scripte	21	19.01.2007 15:33
Eric Meyer's CSS	Petty	Ressourcen	0	21.11.2005 08:18
Mozilla ignoriert externes css	DarkWanderer	CSS	9	22.09.2005 11:39