Transparenter HIntergrund? Nicht möglich?

[Stefan]

Hi,

ich hab mir eine ganz Einfache HTML Seite angelegt. In der CSS Datei habe ich ein Hintergrundbild eingefügt, welches auf der gesamten HTML Seite flächen deckend zu sehen ist.

Mein Problem ist nun, dass wenn ich bei einer Überschrift eine Vordergrundfarbe angebe, auch eine Hintergrundfarbe angeben muss...Mit dem Transparent-Befehl für den Hintergrund erhalte ich allerdings beim prüfen der CSS-Datei hier eine Fehlermeldung...Wie kann ich das umgehen? Bezihungsweise richtig machen?

MfG,
Stefan

[Griever]

Hi.

Zeig mal den CSS-Code.

MFG
Griever

[Stefan]

Hi.

Zeig mal den CSS-Code.

Hier ist der Code:

html {
           color : #ffffff;
           background : #000000 url(../img/bg.jpg);
           font : 100.01%/175% "Myriad Web", "Times New Roman", Times, serif;
      }
     body {
           margin : 1em 1em 8em;
           padding : 1em;
           font-size : 1.22em;
           text-align : center;
      }
     h1 {
           text-align : center;
      }
     h2 {
           font-size : 1.1em;
           font-weight : bold;
           margin-bottom : 0.99em;
           margin-top : 2em;
           padding-bottom : 0.2em;
           text-transform : uppercase;
           letter-spacing : 0.099em;
           background : #000000;
           color : #ffffff;
      }
     h3 {
           margin-bottom : 0.8em;
           letter-spacing : 0.1em;
           font-size : 0.99em;
           background : #000000;
           color : #ffffff;
      }
     h4 {
           margin-bottom : 0.99em;
           margin-top : 0.8em;
           font-size : 0.99em;
           text-decoration : underline;
           letter-spacing : 0.099em;
           background : #000000;
           color : #ffffff;
      }
     h5 {
           margin-bottom : 0.99em;
           margin-top : 0.8em;
           font-size : 0.99em;
           font-variant:small-caps;
           text-decoration : underline;
           letter-spacing : 0.099em;
           background : #000000;
           color : #ffffff;
      }
     address {
           font-weight : bold;
           font-style : normal;
           letter-spacing : 0.099em;
           margin-top : 0.8em;
      }
     blockquote {
           background : #000000;
           color : #666666;
           margin-top : 0;
      }
     p {
           font-style : normal;
           font-weight : normal;
           font-variant : normal;
           text-decoration : none;
           letter-spacing : 0.005em;
      }
     q {
           font-style : italic;
           font-weight : bold;
      }
     span {
           font-weight : bold;
           font-style : normal;
           background : #000000;
           color : red;
      }
     strong {
           font-weight : bold;
           font-style : normal;
      }
     a {
           color : #999999;
           background : #000000;
           text-decoration : none;
      }
     a img {
           color : #ffffff;
           font-weight : bold;
           background : #000000;
           text-decoration : none;
           border : 0;
      }
     ul {
           text-align : center;
           list-style : none;
           padding : 0;
           margin : 0;
           letter-spacing : 0;
      }
     ol {
           text-align : center;
           list-style : upper-roman;
           letter-spacing : 0;
           font-weight : normal;
           font-size : 0.99em;
      }
      hr {
           margin-top : 1.5em;
           margin-bottom : 0.99em;
           background : #000000 url(../img/c.png) no-repeat;
           color : #ffffff;
           background-position : top center;
           border : 0;
           height : 20px;
      }
     table {
           margin : 0 auto;
      }
     td {
           padding : 0.5em;
      }
     td img {
           border : 1px solid #ffffff;
      }
     h1 + p {
           margin-top : 0;
           margin-bottom : 0;
           font-weight : bold;
           font-size : 0.9em;
           text-align : center;
           padding : 0;
           text-transform : uppercase;
      }
      h1 + p a {
           text-decoration : none;
           font-weight : bold;
           color : #ffffff;
           background : #000000;
           margin-left : 0.5em;
      }

#footer  {
           text-decoration : none;
           font-weight : bold;
           color : #333333;
           background : #000000;
           padding-top: 0.4em;
           margin-top: 200px;
           display: none;
      }
      #footer a {
           text-decoration : none;
           font-weight : bold;
           color : #333333;
           background : #000000;
      }
     .info {
           display : none;
      }

MfG,
Stefan

[Griever]

Hi.

html {
           color : #ffffff;
           background : #000000 url(../img/bg.jpg);
           font : 100.01%/175% "Myriad Web", "Times New Roman", Times, serif;

Das hätte ich so gemacht: (übersichtlicher)

  
  font-size:100.01%/175%  

Bin mir zwar jetzt unsicher, was das bedeutet: 100.01%/175%, aber ich denke mal die Schriftgröße, oder?

  
  font-family:Myriad Web,Times New Roman,...  

}

Das Hintergrundbild in HTML legen? Seit wann geht das denn? Ginge es nicht, das Bild in den Body-Tag zu legen? Soweit ich weiß, ist dies die bessere Methode.

background : #000000;

Versuchs mal mit background:transparent;

Falls das nicht geht, lässt du die zeile mal weg. Warum "musst" du überhaupt die Background-Angabe machen? Aus welchem Grund?

MFG
Griever

[Cheatah]

Hi,

font : 100.01%/175% "Myriad Web", "Times New Roman", Times, serif;
Das hätte ich so gemacht: (übersichtlicher)
  font-size:100.01%/175%
Bin mir zwar jetzt unsicher, was das bedeutet: 100.01%/175%,

kleiner Tipp: Es ist _nicht_ die font-size. Entsprechend hättest Du das entweder garantiert nicht so gemacht, oder aber Du wärst erfolgfrei geblieben.

aber ich denke mal die Schriftgröße, oder?

Nicht denken, nachschlagen.

Cheatah

[Stefan]

Angabe machen? Aus welchem Grund?

Naja wenn ich meinen CSS Code unte : http://jigsaw.w3.org/css-validator/

prüfe kommt immer der Hinweis das ich eine Hintergrundfarbe angeben soll...Das ist ja mein eigentliches Problem...Und das mit dem "background: transparent;" wird nicht akzeptiert...

MfG,
Stefan

[Sven Rautenberg]

Moin!

Naja wenn ich meinen CSS Code unte : http://jigsaw.w3.org/css-validator/

prüfe kommt immer der Hinweis das ich eine Hintergrundfarbe angeben soll...

Nein, der Hinweis lautet, dass da eine Vordergrundfarbe benutzt wurde, eine Hintergrundfarbe aber nicht - was dazu führen kann, dass eine ganz andere Hintergrundfarbe benutzt wird, die mit Pech genau der angegebenen Vordergrundfarbe entspricht, und es dann zu "weißer Adler auf weißem Grund" kommt.

Es ist aber nirgendwo verpflichtend festgelegt, dass color und background-color immer gemeinsam angegeben werden müssen. Im Gegenteil: Der Validator liefert dir keinen FEHLER, sondern nur einen HINWEIS.

Ob die dem Hinweis zugrundeliegende Befürchtung zutrifft, kann man aber nur ermitteln, wenn man das HTML und das Render-Ergebnis der Seite prüft. Der Validator gibt also nur einen gut gemeinten Hinweis, aufzupassen.

Lass die Hintergrundfarbe also einfach weg, wenn sie an der jeweiligen Stelle überflüssig ist.

- Sven Rautenberg

[Cheatah]

Hi,

Mein Problem ist nun, dass wenn ich bei einer Überschrift eine Vordergrundfarbe angebe, auch eine Hintergrundfarbe angeben muss...

wer sagt das?

Mit dem Transparent-Befehl

Genau wie in HTML gibt es in CSS keine Befehle.

erhalte ich allerdings beim prüfen der CSS-Datei hier eine Fehlermeldung...

Entweder ist das falsch, oder Du benutzt nicht den Validator des W3C.

Cheatah