[anso]

Ich bitte um Hilfe, ich möchte bei unserer Seite: https://radio-bastler.de/ den Hintergrund im Header hinter dem Bild zweifarbig gestalten, in Blau/Gelb.

Kann mir jemand sagen ob und wo das geht?

[Schnapsnase]

Aktuell hast du in deiner color_water.css das Background-Image wie folgt hinterlegt:

Code:

#logo {
background:#1e6365 url(../../../images/colors/water_header.png) top left repeat-x;
border-bottom:1px solid #133f41
}

Hier kannst du dir ein neues Image als Background hinterlegen.

[SvePu]

Alternativ kannst du dir den Hintergrund des #logo auch rein via CSS definieren.

Code:

#logo {
    background: rgb(255,213,0);
    background: linear-gradient(0deg, rgba(255,213,0,1) 50%, rgba(0,91,187,1) 50%);
}

[Schnapsnase]

Alternativ kannst du dir den Hintergrund des #logo auch rein via CSS definieren.

Hi Sven,

wofür eigentlich diese Zeile:

Code:

background: rgb(255,213,0);

Hast du ja eine Zeile tiefer bereits als Teil des Gradienten definiert, dürfte also überflüssig oder allenfalls ein Fallback sein.

[SvePu]

@Schnapsnase
Ja, das ist das Fallback, falls der Browser "linear-gradient" nicht unterstützt.

[anso]

Super, Danke ...
hat geklappt auf der Testinstallation.
Jetzt müssen dem intern nur noch alle zustimmen.

Danke auch an SvePu, aber da merke ich mal wieder was ich hier alles nicht verstehe.
Das kann ich leider nicht umsetzten, aber ich habe ja eine Lösung.

---

Nach etwas überlegen, zu Copy & Paste reicht es ja bei mir schon noch.
Nun habe ich deine Version auch getestet.
Es funktioniert auch, ohne ein Bild zu erstellen und sogar in den richtigen Farben.
Danke nochmals ..

[Schnapsnase]

Es funktioniert auch, ohne ein Bild zu erstellen und sogar in den richtigen Farben.
Danke nochmals ..

Das ist vollkommen korrekt und ist immer abhängig davon, was du gern haben möchtest.
Mit einem Bild ist man eben vom Design her etwas flexibler.
Man muss eben abwägen, was man letztlich darstellen möchte.
Wenn es sich lediglich um einen Farbverlauf handelt, muss das natürlich kein Bild sein.