Unterklassen definieren?

[Nico]

Hallo,

besteht die Möglichkeit, dass hier irgendwie zusammenzufassen? Außer dem anderen Hintergrund ist ja alles gleich:

.headergrau{position:relative;height:16px;width:313px;left:0px;top:0px;background-image:url("p/header_verlauf_grau.png")}

.headerblau{position:relative;height:16px;width:313px;left:0px;top:0px;background-image:url("p/header_verlauf_blau.png")}

Dachte an sowas etwa:

.header{position:relative;height:16px;width:313px;left:0px;top:0px}
.header.grau{background-image:url("p/header_verlauf_grau.png")}

[Sven Rautenberg]

Moin!

besteht die Möglichkeit, dass hier irgendwie zusammenzufassen? Außer dem anderen Hintergrund ist ja alles gleich:

Interessant in Zusammenhang mit CSS ist immer auch das damit zu formatierende HTML.

Also bitte nochmal "nachlegen".

- Sven Rautenberg

[Der Martin]

Hallo Nico,

es geht sogar noch einfacher als du denkst:

.header{position:relative;height:16px;width:313px;left:0px;top:0px}
.grau{background-image:url("p/header_verlauf_grau.png")}

Und dem HTML-Element, das du damit formatieren willst, weist du dann einfach *beide* Klassen zu.

So long,
 Martin

[Gunnar Bittersmann]

Hello out there!

Hallo,

besteht die Möglichkeit, dass hier irgendwie zusammenzufassen?

Entweder so wie Martin sagte oder:

.headergrau, .headerblau {  
  position:relative;  
  height:16px;  
  width:313px;  
  left:0px;  
  top:0px;  
}  
.headergrau {  
  background-image: url("p/header_verlauf_grau.png");  
}  
.headerblau {  
  background-image: url("p/header_verlauf_blau.png");  
}

See ya up the road,
Gunnar

PS: Use class with semantics in mind.