[Erledigt] css datei in css datei einbinden

xstefxanx · 18.03.2009, 11:13

Hallo,

würde gerne wissen ob ich eine css datei in eine css datei einbinden kann?

habe eine seite mit frames erstellt. dabei wird in jede datei eine farbe.css eingebunden die das ganze Farbkonzept der Seite enthält. Nun möchte ich für einzelne Unternavigationsleisten eine navi.css datei erstellen und diese soll sich bzgl. der farben bei farbe.css bedienen. wie geht das?

außerdem möchte ich, dass sich der button in der navigationsleiste (div element) verfärbt wenn ich mit der maus darüber gehe. dies funktioniert soweit auch wenn ich

onmouseover="style.backgroundColor='#123456';"

verwende. wenn ich nun aber für den Farbcode eine Farbe aus der oben genannten css datei farbe.css einbinden möchte mit

onmouseover="style.backgroundColor='farbe2';"

funktioniert das nicht. was mach ich falsch?

gruß stefan

Manko10 · 18.03.2009, 13:07

Das muss this.style.backgroundColor heißen. Frames sind aber eine furchtbare Sache und wenn möglich solltest du davon abkommen.
Für Hover-Effekte brauchts du aber übrigens kein JavaScript, das kann man alles mit CSS machen. Innerhalb von CSS kann man weitere CSS-Dateien mit der @import-Direktive einbinden.
Ich empfehle dir, dich mal tiefer in CSS einzuarbeiten.

nikosch · 21.03.2009, 15:04

Zitat:

Für Hover-Effekte brauchts du aber übrigens kein JavaScript, das kann man alles mit CSS machen.

Naja browserkompatibel nur bei Link-Elementen.

Manko10 · 21.03.2009, 18:01

Crossbrowserkompatibel meinst du wohl. Aber auch nur solange, wie man davon ausgeht, dass der IE 6 ein Browser sei. In allen anderen Browsern funktioniert das per CSS wunderbar. Da Hover-Effekte aber zumeist nur Verzierungen sind (wie hier das Ändern der Hintergrundfarbe) ist das auch etwas, bei dem man den IE 6 guten Gewissens vergessen kann. Die Seite ist dennoch für IE6-User benutzbar, wenn auch nicht ganz so durchgestylt wie in anderen Browsern.

nikosch · 21.03.2009, 18:25

LOL. Ja meine ich. Stimmt schon. Alternativ kann man auch zusätzlich Javascript benutzen.
So macht es z.B. das Suckerfish Dropdown Menu, ein Anwendungsfall, wo Hover nicht nur zum Verzieren benutzt wird, sondern einen Teil des Funktionsumfangs bestimmt. Trotzdem lohnt sich imho die Verwendung dieses Menütyps, weil er eine sehr semantische Struktur über unorderd lists verwendet. Für den IE brauchts dann als Ausnahme eben JS.

Manko10 · 21.03.2009, 18:41

Jap, genau.
Flyouts und Dropdowns sind natürlich ein Sonderfall. Hier würde ich JavaScript wie bei den Suckerfish-Menüs zusätzlich für den IE 6 schreiben.
Wer wie ich aber keine Lust hat, dem Internetexplörrer 6 Extrawürste zu braten, der schreibt das JS einfach für alle Browser und setzt noch ein paar schöne Effekte rein. Wer dann also JS an hat, bekommt ein tolles animiertes Menü, wer JS aus hat, ein schlichtes CSS-Menü und wer IE6 an und JS aus hat, hat dann Zeit, sich in die Ecke zu stellen und zu schämen, seinen Netzwerkadministrator zu verprügeln oder Microsoft heimlich den Webkit-Source unterzuschieben.

nikosch · 21.03.2009, 19:35

Ich brat hier auch nicht, sonder kopier einfach. Geändert wird da nix. Bin allerdings auch etwas allergisch gegen allzu aufwendige Menüs (Aufblenden, weiche Scrollings etc.). Bin mehr fürs funktionale, schnelle.

Manko10 · 21.03.2009, 19:48

Muss halt zur Seite passen. Stören darf es natürlich nicht.

nikosch · 21.03.2009, 19:56

Ich bin bei sowas eh empfindlich. Bin ja hauptsächlich Windoof Nutzer und stell als erstes immer gleich den Klassik-Stil ein. Schnell und eckig muß es sein. Übrigens auch ein Grund, weshalb ich viele Linux-Desktops nicht mag. Ist mir alles zu lahm.

Manko10 · 21.03.2009, 20:05

Schnell und eckig? Linux ohne X-Server.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Hochgeladene Datei wird doppelt abgelegt	thecracked	PHP Tipps 2008	3	01.07.2008 16:31
.gz Datei entpacken und mit dem Inhalt weiterarbeiten	R4v3r	PHP Tipps 2007	8	02.02.2007 14:49
String als Datei speichern	Zangelo	PHP Tipps 2006	23	25.08.2006 14:13
Datei durchsuchen	Wöllchen	Beitragsarchiv	3	02.03.2006 22:23
[Erledigt] Datei mit &amp;amp;amp;quot;w&amp;amp;amp;quot; schreiben -&amp;amp;amp;gt		PHP-Fortgeschrittene	17	30.12.2005 13:58
Datei auf FTP-Server ändern ohne lokal abzuspeichern	faux	PHP-Fortgeschrittene	11	02.09.2005 11:54
HTML Tabelle in PHP Datei einbinden		PHP Tipps 2005-2	4	14.07.2005 20:11
aus php datei eine pdf datei erzeugen lassen	raffnix	PHP-Fortgeschrittene	5	04.02.2005 15:08
[Erledigt] mail versand mit anhang (-- fopen(), fread(), filesize() --)		PHP Tipps 2005	5	29.01.2005 18:36
Zeilenumbrüche & Neudatein mit PHP		PHP Tipps 2004	5	21.10.2004 11:38
.so library Datei einbinden		PHP Tipps 2004	2	13.10.2004 23:40
Datei mit php erzeugen	Stümper	PHP Tipps 2004	4	12.10.2004 12:51
php und ftp		PHP Tipps 2004	4	07.10.2004 09:58
[Erledigt] datei editieren		PHP Tipps 2004	1	10.09.2004 20:33
Einbinden		PHP Tipps 2004	8	17.06.2004 17:49

18.03.2009, 11:13
xstefxanx Erfahrener Benutzer Registriert seit: 11.03.2009 Beiträge: 102	[Erledigt] css datei in css datei einbinden Hallo, würde gerne wissen ob ich eine css datei in eine css datei einbinden kann? habe eine seite mit frames erstellt. dabei wird in jede datei eine farbe.css eingebunden die das ganze Farbkonzept der Seite enthält. Nun möchte ich für einzelne Unternavigationsleisten eine navi.css datei erstellen und diese soll sich bzgl. der farben bei farbe.css bedienen. wie geht das? außerdem möchte ich, dass sich der button in der navigationsleiste (div element) verfärbt wenn ich mit der maus darüber gehe. dies funktioniert soweit auch wenn ich onmouseover="style.backgroundColor='#123456';" verwende. wenn ich nun aber für den Farbcode eine Farbe aus der oben genannten css datei farbe.css einbinden möchte mit onmouseover="style.backgroundColor='farbe2';" funktioniert das nicht. was mach ich falsch? gruß stefan Geändert von xstefxanx (18.03.2009 um 11:24 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.03.2009, 13:07
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Das muss this.style.backgroundColor heißen. Frames sind aber eine furchtbare Sache und wenn möglich solltest du davon abkommen. Für Hover-Effekte brauchts du aber übrigens kein JavaScript, das kann man alles mit CSS machen. Innerhalb von CSS kann man weitere CSS-Dateien mit der @import-Direktive einbinden. Ich empfehle dir, dich mal tiefer in CSS einzuarbeiten. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

21.03.2009, 18:01
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Crossbrowserkompatibel meinst du wohl. Aber auch nur solange, wie man davon ausgeht, dass der IE 6 ein Browser sei. In allen anderen Browsern funktioniert das per CSS wunderbar. Da Hover-Effekte aber zumeist nur Verzierungen sind (wie hier das Ändern der Hintergrundfarbe) ist das auch etwas, bei dem man den IE 6 guten Gewissens vergessen kann. Die Seite ist dennoch für IE6-User benutzbar, wenn auch nicht ganz so durchgestylt wie in anderen Browsern. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

21.03.2009, 18:25
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	LOL. Ja meine ich. Stimmt schon. Alternativ kann man auch zusätzlich Javascript benutzen. So macht es z.B. das Suckerfish Dropdown Menu, ein Anwendungsfall, wo Hover nicht nur zum Verzieren benutzt wird, sondern einen Teil des Funktionsumfangs bestimmt. Trotzdem lohnt sich imho die Verwendung dieses Menütyps, weil er eine sehr semantische Struktur über unorderd lists verwendet. Für den IE brauchts dann als Ausnahme eben JS. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

21.03.2009, 18:41
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Jap, genau. Flyouts und Dropdowns sind natürlich ein Sonderfall. Hier würde ich JavaScript wie bei den Suckerfish-Menüs zusätzlich für den IE 6 schreiben. Wer wie ich aber keine Lust hat, dem Internetexplörrer 6 Extrawürste zu braten, der schreibt das JS einfach für alle Browser und setzt noch ein paar schöne Effekte rein. Wer dann also JS an hat, bekommt ein tolles animiertes Menü, wer JS aus hat, ein schlichtes CSS-Menü und wer IE6 an und JS aus hat, hat dann Zeit, sich in die Ecke zu stellen und zu schämen, seinen Netzwerkadministrator zu verprügeln oder Microsoft heimlich den Webkit-Source unterzuschieben. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

21.03.2009, 19:35
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ich brat hier auch nicht, sonder kopier einfach. Geändert wird da nix. Bin allerdings auch etwas allergisch gegen allzu aufwendige Menüs (Aufblenden, weiche Scrollings etc.). Bin mehr fürs funktionale, schnelle. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

21.03.2009, 19:48
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Muss halt zur Seite passen. Stören darf es natürlich nicht. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

21.03.2009, 19:56
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ich bin bei sowas eh empfindlich. Bin ja hauptsächlich Windoof Nutzer und stell als erstes immer gleich den Klassik-Stil ein. Schnell und eckig muß es sein. Übrigens auch ein Grund, weshalb ich viele Linux-Desktops nicht mag. Ist mir alles zu lahm. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

21.03.2009, 20:05
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Schnell und eckig? Linux ohne X-Server. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”