Unterschiedliche CSS-Styles auf einer Seite

magelan · 21. März 2005

Hi,
bei vwar und auch bei anderen Scripten wird mein Menü, dass aus normalen Links besteht immer mit den (Link)Styles überschrieben, die in der CSS-Datei von vwar stehen. Sie sollen aber nach den Vorgaben in meiner normalen CSS-Datei formatiert werden, ich müsste also praktisch zwei unterschiedliche CSS-Dateien für je einen bestimmten Bereich auf der Seite einstellen können. Ist das möglich?

j0n30 · 21. März 2005

klar geht das solange sich die "class"-Namen nicht überschneiden, dh nicht ein und die selbe class zweimal deklarieren

.

beispiel

Code:

<html>
<head>
<title>test</title>
<link rel="STYLESHEET" type="text/css" href="style.css">
<link rel="STYLESHEET" type="text/css" href="style_2.css">
</head>
<body>
<p class="text>bla</p>
<p class="nixda">blabla</p>
</body>
</html>

so und nun hast du in style.css die class text deklariert und in style_2.css die class nixda, nur solltest du vermeiden auch noch in der style_2.css eine class text zu nennen.

eigentlich simpel, oder?
gruß jone

magelan · 21. März 2005

Irgendwie funktioniert das noch nicht.
head:

HTML:

<link href="style.css" rel="stylesheet" type="text/css">

style.css:

HTML:

<style type="text/css">
.klo:link { color:#648DBB; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
.klo:visited { color:#648DBB; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
.klo:active { color:#996666; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
.klo:hover { color:#996666; font-family:Arial;  text-decoration:none; font-style:none;   font-size:12px;}
</style>

index.php:

HTML:

<a href="index2.php?site=news"><font class="klo">News</font></a>
Hier wird das böse Script includet, das alles überschreibt.

Danke schonma

MeX · 21. März 2005

[01] das einfachste waere doch, wenn du einfach den vwar style-sheet editierst! oder hab' ich da was falsch verstanden!?

[02] in einer *.css brauchst du nicht mehr explizit den typ feststellen!

Code:

.klo:link { color:#648DBB; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
.klo:visited { color:#648DBB; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
.klo:active { color:#996666; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
.klo:hover { color:#996666; font-family:Arial;  text-decoration:none; font-style:none;   font-size:12px;}

ceeyaa.MeX

dn87p · 21. März 2005

magelan schrieb:
index.php:

HTML:

<a href="index2.php?site=news"><font class="klo">News</font></a> Hier wird das böse Script includet, das alles überschreibt.

das kann nicht funktionieren!
es muss

HTML:

<a href="index2.php?site=news" class="klo">News</a>

heißen

magelan schrieb:

HTML:

<style type="text/css">
.klo:link { color:#648DBB; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
.klo:visited { color:#648DBB; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
.klo:active { color:#996666; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
.klo:hover { color:#996666; font-family:Arial;  text-decoration:none; font-style:none;   font-size:12px;}
</style>

würde ich zu

HTML:

a.klo:link { color:#648DBB; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
a.klo:visited { color:#648DBB; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
a.klo:active { color:#996666; font-family:Arial;  text-decoration:none; font-style:none;  font-size:12px; }
a.klo:hover { color:#996666; font-family:Arial;  text-decoration:none; font-style:none;   font-size:12px;}

machen, wei diese attribute eh nur auf links anwendbar sind und ich nicht weiß, inwieweit das sonst von browsern unterstützt wird (hover & co werden z.b. bei div.hover ignoriert --> vleicht auch bei .hover ohne "a" davor)

und das <style> und </style> natürlich weglassen

cya dn87p

magelan · 21. März 2005

@MeX
[01]
hab ich, hat aber nich geholfen.

[02]
Danke.

@dn87p
Danke, das hat geholfen!
In welchem Tut steht, dass es so funzt und nich so wie ichs hatte?

j0n30 · 21. März 2005

Mit der vollen Kompetenzbreite unsere Community werden Sie hier geholfen, ein Vorbildlicher Thread (mal mein erster Post ausgenommen, aber ich wußt ja nicht wo das Prob war

), das macht Lust auf mehr.

GESCHLOSSEN.

Unterschiedliche CSS-Styles auf einer Seite

magelan

Well-known member

j0n30

magelan

Well-known member

MeX

Well-known member

dn87p

magelan

Well-known member

j0n30

Beliebte Schlagwörter