CSS überschreiben @ tutorials.de: Tutorials, Forum & Hilfe

Eli- · 26.02.11 15:00

hi,

also ich habe folgendes Problem:

Ich habe eine Webseite bei Jimdo ( DemonWars.de )

Jetzt will ich den weißen Hintergrund durch eine Grafik ersetzen.
Den Code, den ich dafür im Head einsetzen muss, habe ich:

Code css:

<style type="text/css">
 
div#cc-tp-wrapper {
background:url("hier den Link einfügen") repeat-y scroll right top white !important;}
 
</style>

Dass funkitoniert auch, normalerweise:
Jetzt ging es aber nicht, weil die Seite schon eine Hintergrundgrafik hat (eine weiße)
Und der Code dazu ist im Head, den kann ich aber nicht bearbeiten/löschen.

Jetzt ist meine Frage:wie kann man den Code oben so ändern, dass er den anderen überschreibt?

Hoffe ihr könnt mir helfen.

PS: Den Code im Head, den kann ich leider noch nicht posten, da ich nicht weiß ob ich so was darf ( ist ja von Jimdo) Aber ich hab bei denen schon angefragt, und werde ihn hier posten, wenn ich die erlaubnis habe.

Lg
Dennis

spicelab · 27.02.11 11:46

Zitat von Eli-

Jetzt will ich den weißen Hintergrund durch eine Grafik ersetzen.
Den Code, den ich dafür im Head einsetzen muss, habe ich:

Code css:

<style type="text/css">
 
div#cc-tp-wrapper {
background:url("hier den Link einfügen") repeat-y scroll right top white !important;}
 
</style>

Dass funkitoniert auch, normalerweise:
Jetzt ging es aber nicht, weil die Seite schon eine Hintergrundgrafik hat (eine weiße)
Und der Code dazu ist im Head, den kann ich aber nicht bearbeiten/löschen.

Jetzt ist meine Frage:wie kann man den Code oben so ändern, dass er den anderen überschreibt?

Für das Gelingen ist neben dem gleichlautenden / -namigen Selektor (hier wohl div#cc-tp-wrapper) in den Stylesheets grundsätzlich die Stelle (Codezeile) entscheidend, an der das CSS geladen wird; es muß im Quellcode nach dem zu überschreibenden Stylesheet folgen, damit der Browser die enthaltene(n) CSS-Regel(n) überschreibt.

Im Header des HTML-Docs etwa so:

Code xhtml:

<head>
    <!-- Vorgegebenes CSS -->
    <link rel="stylesheet" type="text/css" href="style.css" />
    <style type="text/css">
        /* Dein CSS */
    </style>
    ...
</head>

Oder direkt im CSS-Code, falls zugänglich, dann aber ohne <style></style>-Tag, und auch dort im Anschluß der existierenden Deklarationsblöcke:

Code css:

/* Vorgegebenes CSS */
div#cc-tp-wrapper  { ... }
 
/* Dein CSS */
div#cc-tp-wrapper  { ... }

Eli- · 27.02.11 12:07

hi,
also erstmal danke für deinen post, nur leider kann ich überhaupt nichts am vorgegebenen Code ändern, ich hab zwar meinen code ganz nach oben im Headbereich gemacht, aber es hilft nichts.
Außerdem ist der code im vorgegebenem Head anders, als der meine.
Ich weiß nicht ob ich das posten darf. Ich würde es dir ja per pn schicken, aber das geht nicht.

Lg und schon mal danke
Dennis

spicelab · 27.02.11 12:19

Zitat von Eli-

nur leider kann ich überhaupt nichts am vorgegebenen Code ändern, ich hab zwar meinen code ganz nach oben im Headbereich gemacht, aber es hilft nichts.

Und in welcher Reihenfolge folgen die Styleheets im HTML-Header? Deines muß nach dem existierenden folgen!

Zitat von Eli-

Außerdem ist der code im vorgegebenem Head anders, als der meine.
Ich weiß nicht ob ich das posten darf.

Dann mach Dich schlau.

Zitat von Eli-

Ich würde es dir ja per pn schicken, aber das geht nicht.

PNs sind genau aus solchen Gründen grundsätzlich bei mir deaktiviert.

Eli- · 27.02.11 12:26

1.das tut es leider nicht. Es ist ganz am Ende, und das wo es drin steht, ist in der mitte.

2.Hab ich, es hat nur noch keiner geantwortet.

3. aha...

Lg
Dennis

spicelab · 27.02.11 12:47

@1.

Wie der Header-Code konkret lautet, sich im Detail zusammensetzt, weiß ich nicht, aber wie es vom technischen Ansatz her grundsätzlich funktioniert, hab ich dir anhand der beiden Code-Varianten (HTML- oder CSS-Umsetzung) gezeigt, und dich darauf aufmerksam gemacht, dass der zu überschreibende Eigenschaftswert auch einen gleichlautenden / -namigen CSS-Selektor in beiden Stylesheets voraussetzt.

Ist dem nicht so, funktioniert's auch nicht.

spicelab · 27.02.11 13:28

Zitat von Eli-

ich hab zwar meinen code ganz nach oben im Headbereich gemacht, aber es hilft nichts.

Bei mir schon - der rechte graue Streifen ist dein alternatives Hintergrundbild "bg datenbank hover.png".

CSS überschreiben-css_ueberschreiben.png

Ergo: Browsercache leeren, Seite neu aufrufen.

Eli- · 27.02.11 13:31

hi,

das ist falsch. Da habe ich gerade ein paar neue Style ausprobiert. Jetzt habe ich wieder den eigentlichen, und da geht es nicht.

spicelab · 27.02.11 13:42

Zitat von Eli-

das ist falsch.

Nö

Zitat von Eli-

Da habe ich gerade ein paar neue Style ausprobiert. Jetzt habe ich wieder den eigentlichen, und da geht es nicht.

Weil die ID-Bezeichner Deiner <div>-Tags im HTML-Code nicht mehr mit der abgelichteten funktionstüchtigen Variante übereinstimmen

Aus:

HTML-Code:

<div id="cc-tp-wrapper" class="cc-content-parent">

wurde nun aktuell:

HTML-Code:

<div id="wrapper" class="cc-content-parent">

In Deinem CSS benennst Du das Element aber weiterhin so:

Code css:

1	div#cc-tp-wrapper {...}

Eli- · 27.02.11 13:59

also ich vermute das du damit meinst, ich soll den Code umändern in div#wrapper ,oder irr dich mich?
wenn nicht, dann funktioniert es nicht.

spicelab · 27.02.11 14:06

Zitat von Eli-

also ich vermute das du damit meinst, ich soll den Code umändern in div#wrapper ,oder irr dich mich?
wenn nicht, dann funktioniert es nicht.

Wie herum Du den HTML- oder CSS-Code angleichst, bleibt Dir überlassen, weil technisch unerheblich.

Dass es entgegen Deiner Aussage dennoch funktioniert, hatten wir schon.

Eli- · 27.02.11 14:09

ja ich habe ja den Code umbenannt, aber es geht nicht.
DemonWars.de
schaus dir an.

spicelab · 27.02.11 14:16

Die Problemursache ist in diesem Fall (mit diesem verwendeten Code) ganz anderer Natur.

Webmaster FAQ -> [CSS] Warum passt sich die Boxenhöhe nicht dem Inhalt an?

In dem Post wird der deklarierte Rahmen nicht vollständig in der Höhe um die Box gezogen, analog dazu bei dir das Hintergrundbild nicht vertikal wiederholt.

Eli- · 27.02.11 14:26

hi ok ich werds mir durchlesen, aber wieso wiederholt? es ist ja GAR nicht da

spicelab · 27.02.11 14:36

Zitat von Eli-

aber wieso wiederholt? es ist ja GAR nicht da

Kommt letztlich auf's Gleiche heraus, weil das Element aus genanntem Grund (Beitrag) derzeit eine Höhe gleich null besitzt, die den Blick auf das Hintergrundmotiv nicht freigibt

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

überschreiben

überschreiben in db

Überschreiben

Datei Überschreiben?

Stichworte

E-Mail:

Abonnieren Abbestellen