Hi! Hab ein Problem mit den HIntergründen ich habe eine css datei layout.css und dann eine index.html meine startseite und dann auf der startseite ein link zu spielregeln.html
jetzt hab ich auf beiden seiten den css code eingefügt un wollt jetzt auf der einen seite den hintergrund farbig machen, hat auch geklappt, und auf meiner index seite wollte ich ein Bild also HIntergrund nehmen. Aber ich habe ja nur eine css datei und was muss ich angeben das der pc weiß das ich die index.html Seite mein?
Ich gehe mal davon aus, dass du die Hintergrundfarbe für den body definiert hast, z.B. so:
body {background-color: #ff0000;}
Für das Hintergrundbild auf der Index-Seite könntest du in der CSS-Datei folgendes hinterlegen:
.index {
background-image: url(deinhintergrundbild.jpg);
background-repeat: no-repeat;
}
Auf der index.html ersetzt du damit:
<body class="index">
Das Problem wird jedoch sein, dass sich die Grafik nicht der Browserfenstergröße anpassen kann.
Hierzu gibt es folgenden Trick: Bildschirmfüllende Hintergrundgrafik
body
{background-color:#ff8c00;}
.index
{background-image:handball2.jpg;background-repeat: no-repeat;}
also des ist was bei mir in der css datei steht
und ja bei html des
aber es klappt nix man sieht nix…
Es muss so lauten:
.index
{
background-image: url(handball2.jpg);
background-repeat: no-repeat;
}
ah okay danke… jetzt hats geklappt jetzt kommt ja des Problem wo du gesagt hast… aber ich möchte eig. nicht ein ganz großes bild sondern des gleiche bild parallel daneben
Ändere folgende angabe um:
background-repeat: repeat-x;
jaa genau das habe ich jetzt hinbekommen… aber unter den zwei bilder ist noch ein oranger streifen zu sehen weil des mien hintergrund bei den anderen seiten ist wie bekomm ich den weg?
Soll der mit den gleichen Bild auch nach unten gecachelt werden, dann lass dieses background-repeat ganz weg ???
jaaa danke hat geklappt… hab bei html neues thread eröffnet weil bei mir so viele fehlermeldungen kamen vllt kannst mir helfen,…