Forum
Tipps
News
Menu-Icon

Stylesheet anpassen - Wie richtig ?

Hallo,

ich habe einen Stylesheet (format.css) der zentral die Farben regeln soll. Leider klappt das mit meiner Datums-/Uhrzeitanzeige nicht. Der Hintergrund blebt weiss obwohl ich in der .css als Hintergrundfarbe #E98A0A angegeben habe. Was passt da nicht ?

Des weiteren möchte ich ja möglichst einfach die Farben wechseln. Aufgrund meiner verschiedenen class muss ich dazu aber immer in mehreren Abschnitten die Farbe korrigieren. Kann ich das durch Einfügen einer zentralen class vereinheitlichen ? Wenn ja, wie ?


Antworten zu Stylesheet anpassen - Wie richtig ?:

Moin |

Dein Datum und die Uhrzeit laufen in Formularfeldern. Diese bedürfen einer eigenen Formatierung. Dazu musst du im Stylesheet die Eigenschaften des input-Tags modifizieren.

Zu deinem anderen Problem: Style-Klassen können quasi voneinander erben. Du könntest z.B. im Stylesheet sowas hier definieren:

.klasse1
{
  color: #ff0000;
}

.klasse1.klasse2
{
  font-size: 10px;
}

In diesem Fall würde klasse2 die color-Eigenschaft aus Klasse 1 mitnehmen. Im HTML-Dokument referenzierst du darauf mit class="klasse1 klasse2".
So als mögliche Variante... ;)

greez 8)
JoSsiF
Dazu musst du im Stylesheet die Eigenschaften des input-Tags modifizieren.
  Ja und genau da hängt es bei mir. Ich habe ja in der "input.datum" die Farbe definiert aber was ist daran falsch, dass es nicht übernimmt ?
Zitat

Zu deinem anderen Problem: Style-Klassen können quasi voneinander erben. Du könntest z.B. im Stylesheet sowas hier definieren:

.klasse1
{
  color: #ff0000;
}

.klasse1.klasse2
{
  font-size: 10px;
}

In diesem Fall würde klasse2 die color-Eigenschaft aus Klasse 1 mitnehmen. Im HTML-Dokument referenzierst du darauf mit class="klasse1 klasse2".
So als mögliche Variante... ;)

Das ist super, somit kann ich die einzelnen Sheets verheiraten. Das teste ich gleich mal. Danke

Mal ne andere Frage...
warum benutzt du überhaupt diese Eingabefelder um Uhrzeit/Datum auszugeben?

Tja, weil ich das irgendwann mal so gefunden habe. Das Problem habe ich jetzt gelöst.

Das mit dem Stylesheet und der zentralen Farbe klappt soweit, bis auf die Navigation, die aktuell in einem dunkleren orange gehalten ist.Das bekomme ich nicht zentral hin. Wo muss ich da ansetzen ?

« Letzte Änderung: 18.12.06, 13:39:57 von frank_gayer »

Geht auch ohne Eingabefelder, allerdings hab ich das mit den Eingabefeldern auch schon öfters gesehen.

Daher hätte mich mal interssiert ob das irgen nen "Vorteil" bringt (wahrscheinlich Kompatiblität mit alten Browsern oder so).

Das Problem habe ich jetzt gelöst.

Sehr schick ;)

Übrigens würdest du auch noch die Rahmen wegbekommen, falls das gewollt ist: einfach die border-Eigenschaft ändern :)

Hallo,

meinst Du mit "border:hidden" ? Wenn ja, das geht nicht, warum weiss ich auch nicht

--> http://de.selfhtml.org/css/eigenschaften/rahmen.htm#hidden

Nimm dafür border:none; oder border-style:none;

Habe ich beides probiert, hat aber nicht gefruchtet. Kannst Du mal schauen, ob ich einen Denkfehler habe ?

border: 0px?

Das setzt die Breite des Rahmes auf 0, sollte funktionieren. Ansonsten kannst du auch border: 1px #E98A0A, dann hat der Rahmen die Hintergrundfarbe, aber ich glaube 0px würde auch ausreichen..[/font]

Hallo,

hier ist meine .css. Geht aber nicht.

 

Zitat
.datum {
font-size:9pt;
background-color:#E98A0A;
color:black;
border:none 0px;}

Die Klasse "datum" ist bei dir doppelt definiert. Ich hatte grad die erste Definition (die ohne gesetzte border-Eigenschaft) mal rausgenommen, und dann ging gar nichts mehr. Kann aber durchaus daran liegen, dass ich das quasi "live" mit der Web Developer Toolbar im FF gemacht hab. Hab dann die verbleibende datum-Klasse nahezu an den Beginn gesetzt, und da hat's funktioniert.

greez 8)
JoSsiF

In der Tat. Habe den doppelten Eintrag herausgenommen und den richtigen nach oben gesetzt und nun geht es.

So, nun zum zweiten Fall. Will ja die Farbe der Seiten zentral über die .css steuern. Der erste Tip hat ja prima geklappt. Leider klappt es mit der Navigationleiste, also den etwas anderes orangenen Teilen der Navigation nicht. Irgendwie ist die Farbe da nicht über die .css geregelt, weiss aber nicht wo ich ansetzen soll. Wer kann helfen ?


« Werbeverdienst mit HomepageOnline Livecam »
 

Fremdwörter? Erklärungen im Lexikon!
Prozessfarben
Prozessfarben, auch Druckfarben genannt, werden durch Mischen der Gundfarben Cyan, Maganta, Gelb und Schwarz (CMYK-Farbraum) erzeugt. Diese Art der Farbmischung wird auch...

Schmuckfarben
Eine Schmuckfarbe, die auch Sonderfarbe oder Spotcolour genannt wird, ist eine zusätzlich zu den Grundfarben verwendbare Druckfarbe beim Mehrfachdruck. Hingegen beim...

Quellcode
Ein Quellcode, auch als Quelltext bekannt, bezeichnet den unkompilierten Programm-Code einer Software. Quell- oder Programm-Code ist der auch für Menschen lesbare Co...



Screenshot von ganzer Webseite machen – mit nur 3 Klicks!
Edge Browser: Google als Startseite (oder andere Webseiten!)