• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

2 mal CSS in einer Datei?

Status
Für weitere Antworten geschlossen.
G

Gaaruto

Neues Mitglied
Hallo, ich habe 2 CSS Dateien die ich in meine Index seite einbinden möchte, gnauer:

Eine CSS Datei für meine Navi.
Eine CSS Datei fürs Layout.

Geht das? wenn ja wie?

Also IFrame möchte ich nicht weil der <div> bereich transparent sein soll...
also so dass man durch die Navi den normalen hintergrund sehen kann...
das genauere problem ist eigentlich, dass ich für links 2 unterschiedliche hover effekte mittels CSS habe... tjaaa... und der eine soll für die reine Index sein, der andere für die Navi...
 
ganz einfach:
Code: 
<head>
<link rel="stlyesheet" type="text/css" href="datei1.css" />
<link rel="stylesheet" type="text/css" href="datei2.css" />
<!-- andre head-angaben -->
</head>
 
Gaaruto schrieb:
das genauere problem ist eigentlich, dass ich für links 2 unterschiedliche hover effekte mittels CSS habe... tjaaa... und der eine soll für die reine Index sein, der andere für die Navi...
Zum Vergrößern anklicken....
Da helfen dir auch zwei unterschiedliche CSS-Dateien nichts, weil sich beide auf das gesamte Dokument auswirken. Arbeite mit Klassennamen und ID's. z.B.:
Code: 
A.naviLink{text-decoration:none;}
A.contentLink{text-decoration:none;}
...
<a class=""naviLink>Link</a>
<a class=""contentLink>Link</a>

oder noch besser:
Code: 
DIV#navi A{...}

DIV#content A{...}
 
Ok, kurze Erklärung, alles weitere musst du dir selbst erarbeiten (schau mal in meiner Signatur nach).

Code: 
A {color:#000000;}
//beschreibt jedes Vorkommen von <a>...</a> im Dokument 
als Link in schwarzer Farbe
Code: 
DIV#content A {color:#000000;}
//beschreibt jedes Vorkommen von <a>...</a> im Container [I]
content[/I] als Link in schwarzer Farbe. links ausserhalb von Container 
[I]content[/I] bleiben davon unbeeinflusst
Code: 
A.navi {color:#000000;}
//beschreibt jedes Vorkommen von <a>...</a> mit der Klasse 
[I]navi[/I] als Link in schwarzer Farbe. links ohne die Klasse [I]navi[/I] 
bleiben davon unbeeinflusst
 
navi.css:
Code: 
DIV#navi A{
text-decoration:none;
}

DIV#navi A:hover{
text-decoration:underline;
}
content.css:
Code: 
DIV#content A{
text-decoration:none;
color:red;
}

DIV#content A:hover{
color:green;
}
index.html
Code: 
<link rel="stlyesheet" type="text/css" href="navi.css" />
<link rel="stylesheet" type="text/css" href="content.css" />
...
<div id="navi"><a>Link</a></div>
<div id="content"><a>Link</a></div>
...
Das dürfte so wie es ist als Beispiel schon funktionieren. Brauchst es nur noch kopieren...:roll:
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben