Anweisung aus Class überschreiben

noreux · #1 (**permalink**) 19.06.2009, 00:40

Hallo!

Ich habe ein fertiges css Template, welches ich für meine zwecke anpasse. In dem Template wird eine Class definiert, die aus mehreren Unteranweisungen besteht, hier mal ein Auszug:

Code:

.BlockHeader
{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
}

.BlockHeader .l, .BlockHeader .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('Bild1.png');
}

Zu der BlockHeader class gehören auch noch viele anderen Anweisungen, diese reichen aber um mein problem darzustellen. In der HTML wird das ganze dann in etwa so aufgerufen:

Code:

<div class="BlockHeader">
TEXT
</div>

Die HTML Seite wird dynamisch mit PHP generiert und diese Bild1.png ist variabel. Wie kann ich diesen bildaufruf überschreiben? Ich habe es schon so probiert, klappt aber nicht:

Code:

<div class="BlockHeader" style="background-image: url('AnderesBild.png')">
TEXT
</div>

Hat mir jemand einen Tipp?

mfg
Nor

mantiz · #2 (**permalink**) 19.06.2009, 06:21

Sollte eigentlich so klappen, Inline-Styles haben eine höhere Spezifität, als Styles in den Style-Tags im Dokument, welche wiederrum eine höhere Spezifität besitzen, als externe Styles, gleiche Spezifität der Selektoren vorausgesetzt.

Vielleicht plump, aber hast Du darauf geachtet, dass die Bild-URL in der externen CSS-Datei relativ zur CSS-Datei angegeben werden muss, im Dokument aber relativ zum Dokument?
Sprich, Du musst von der HTML- bzw. PHP-Datei ausgehen, ich vermute, dass das Bild in einem Unterordner liegt?

noreux · #3 (**permalink**) 19.06.2009, 09:09

Danke für den Tipp, in meinem Fall liegt die css aber im selben ordner wie die php-datei, daher ändert sich am pfad nichts.

Bin mittlerweile aber selbst draufgekommen, ziemlich blöd von mir, war schon etwas spät gestern.

den wichtigen Teil des HTML Codes hatte ich gar nicht beachtet:

Code:

<div class="BlockHeader">
            <div class="l" style="background-image: url('AnderesBild.png')"></div>
            <div class="r"><div style="background-image: url('AnderesBild.png')"></div></div>
        </div>

An der Stelle klappen die Überschreibungen auch problemlos.

Trotzdem danke und Schönes WE

Nor

mantiz · #4 (**permalink**) 19.06.2009, 09:30

Ah, *g.

Wünsche ich ebenso.

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
CSS-Anweisungen überschreiben	DiHo	(X)HTML	3	30.03.2010 20:29
identische class in unterschiedlicher Struktur einzeln ansprechen	1chris	CSS	4	16.10.2009 18:13
Mit class andere Formatierungen überschreiben	odie	CSS	4	22.07.2009 15:11
UTF-8 oder ISO, doppel class anweisung	rEd1Z1_2k	(X)HTML	3	28.03.2005 11:54
class in class	PrinzEisenherz	CSS	9	21.06.2004 18:48