css Problem

[tomas0987]

das css wird nicht überschrieben... was mache ich falsch.. ich weiss ncht was ich falsch mache...

<style type="text/css"> #header { background-image:url(https://media.seitenbox.de//css/public/033/hg_header.jpg) } </style>

<style type="text/css"> #header {background-image:url('https://media.seitenbox.de/p/107/images/big/69075aa8-1f50-40e1-991c-4e392ea34d35.jpg')!important;}</style>

wird immer nur das erste CSS angezeigt

[Rolf B]

Hallo tomas0987,

ich kann jetzt nicht testen ob es daran liegt, aber da das Bild existiert und ich auch keinen offensichtlichen Syntaxfehler sehe, fehlt möglicherweise einfach nur eine Leerstelle vor dem !important.

Die Frage, warum Du mit der !important Kanone die andere Regel abschießt, stellt sich natürlich auch. Reichen die üblichen Spezifitätsregeln nicht? Im vorliegenden Fall sollte die zweite Regel bereits deshalb die erste überschreiben, weil sie später kommt. Hast Du es bereits einmal ohne !important ausprobiert?

Die Frage, warum es zwei Style-Blöcke sind, stellt sich mir auch, aber ich kenne deine Rahmenbedingungen nicht, die das vielleicht nötig machen.

Dass Du eine ID header hast, lässt vermuten, dass dein HTML ein <div id="header"> enthält. Was mich zu dem Hinweis führt, dass dies HTML 4 ist. In modernem HTML gibt es passende Elemente dafür: Semantisches HTML

Und ich würde Dir generell etwas mehr Weißraum empfehlen.

  <style type="text/css">
  #header {
    background-image: url(https://media.seitenbox.de//css/public/033/hg_header.jpg);
  }
  </style>

  <style type="text/css">
  #header {
    background-image: url('https://media.seitenbox.de/p/107/images/big/69075aa8-1f50-40e1-991c-4e392ea34d35.jpg') !important;
  }
  </style>

liest sich besser und man sieht auch eher, ob was falsch ist.

Bei dir fehlte im ersten CSS das Semikolon hinter der Eigenschaft, aber solange es die letzte Eigenschaft ist, stört das nicht. Es ist trotzdem besser, immer eins zu machen. Irgendwann fügt man eine Eigenschaft hinzu und merkt nicht, dass eins fehlt.

Rolf

[tomas0987]

moin Danke, ich habs mal ohne !important versucht...kein Ergebins die Nacht der Kirchen soll ein anderen HG haben als die Übrigen die erste Anweisung aus der CSS, die 2te ist mit style hinzugefügt...

[tomas0987]

jetzt gehts...wollte

#container { background-image: url('https://media.seitenbox.de/p/107/images/big/69075aa8-1f50-40e1-991c-4e392ea34d35.jpg') }

Danke trotzdem...

[Gunnar Bittersmann]

@@tomas0987

jetzt gehts...

Ja, die grauen Linien heben sich jetzt deutlicher vom Hintergrund ab. Aber ohne zu zoomen geht da gar nichts.

Und wenn ich soweit vergrößere, bis ich die Schrift lesen kann, dann passt eine Zeile nicht mehr vollständig auf den Schirm (5.7cm breit) und ich muss hin- und herschieben.

TL;DR: Die Website ist für viele nicht benutzbar. Von „jetzt gehts“ würde ich da nicht sprechen. Das könntest du erst behaupten, nachdem du die Seiten responsiv gemacht hast.

🖖 Live long and prosper

[JürgenB]

Hallo Gunnar,

Und wenn ich soweit vergrößere, bis ich die Schrift lesen kann, dann passt eine Zeile nicht mehr vollständig auf den Schirm (5.7cm breit) und ich muss hin- und herschieben.

ist da Schrift? Für meine Altersgruppe ist das unlesbar. Ich sitze am MacBook Air mit 13" und um eine Stufe vergrößerter Schrift.

Gruß
Jürgen

[Gunnar Bittersmann]

@@JürgenB

ist da Schrift?

Nein, graue Linien, sag ich doch.

Ich sitze am MacBook Air mit 13" und um eine Stufe vergrößerter Schrift.

Wenn du noch ein paar Stufen höherschaltest, offenbaren die Linien völlig unerwartet eine innere Struktur.

🖖 Live long and prosper

[Rolf B]

Hallo Gunnar und Jürgen,

ich glaube nicht, dass ihr Thomas auf diese Weise erreicht.

Aber vielleicht so: Die SELK sind eine Körperschaft öffentlichen Rechts. Seit vielen Jahren werden öffentliche Stellen zur Barrierefreiheit angehalten, teils auch verpflichtet.

Ich kann nicht genau sagen, ob die SELK unter den Geltungsbereich von BFSG oder BITV fallen. Aber ich bin sicher, dass diese Vorschriften sich weiter verbreiten werden, allein deshalb, weil die entsprechenden EU-Verordnungen weiter gehen als die deutschen Vorschriften und man Deutschland wegen mangelhafter Umsetzung Menschenrechtsverletzungen vorwirft.

Eine zügige Umstellung auf Barrierefreiheit ist damit in aller Interesse.

Das konkrete Mikroschriftproblem liegt in einer font-size:50% Angabe auf dem Body. Die muss weg, allerdings muss dann der Rest der Seite nachjustiert werden. Und dann müssen Informationen, die derzeit in Hintergrundbildern versteckt sind, barrierefrei erreichbar gemacht werden. Das ganze Seitendesign schreit "ich wurde von einer Grafikdesignerin gemacht" - aber da muss definitiv ein Webdesigner nachhelfen.

Rolf

[MudGuard]

Hi,

wird immer nur das erste CSS angezeigt

Browser-Cache?

cu,
Andreas a/k/a MudGuard

[tomas0987]

no...leider nicht

[MudGuard]

Hi,

no...leider nicht

Dann wäre ein Link auf die Seite(n) hilfreich.

Das zweite Bild existiert - das ist also nicht die Ursache (wobei dann gar kein Hintergrund-Bild angezeigt werden müßte …)

cu,
Andreas a/k/a MudGuard

[tomas0987]

hello, https://www.selk-neumuenster.de Nacht der Kirchen soll anderen HG haben...

[MudGuard]

Hi,

https://www.selk-neumuenster.de Nacht der Kirchen soll anderen HG haben...

Die Seite hat auch ein anderes (dunkleres) Hintergrundbild.

cu,
Andreas a/k/a MudGuard