Repeat-x und Repeat-y gleichzeitig

[yoshi95]

Wie kann ich ein Hintergrundbild horizontal und vertikal genau einmal wiederholen?

das geht nicht:

[SIZE=2][COLOR=black]background-image[/COLOR][/SIZE][SIZE=2][COLOR=black]:[/COLOR][COLOR=black] url([/COLOR][/SIZE][COLOR=black][SIZE=2]menu[/SIZE][SIZE=2].[/SIZE][SIZE=2]jpg[/SIZE][SIZE=2]);[/SIZE][/COLOR]
[SIZE=2][COLOR=black]background-repeat[/COLOR][/SIZE][SIZE=2][COLOR=black]:[/COLOR][/SIZE][COLOR=black][SIZE=2]repeat[/SIZE][SIZE=2]-[/SIZE][SIZE=2]x[/SIZE][SIZE=2];[/SIZE][/COLOR]
 
[SIZE=2][COLOR=black][COLOR=black]background-image[/COLOR][SIZE=2][COLOR=black]:[/COLOR][COLOR=black] url([/COLOR][/SIZE][COLOR=black][SIZE=2]menu[B]2[/B][/SIZE][SIZE=2].[/SIZE][SIZE=2]jpg[/SIZE][SIZE=2]);[/SIZE][/COLOR]
[SIZE=2][COLOR=black]background-repeat[/COLOR][/SIZE][SIZE=2][COLOR=black]:[/COLOR][/SIZE][COLOR=black][SIZE=2]repeat[/SIZE][SIZE=2]-[/SIZE][SIZE=2][B]y[/B][/SIZE][SIZE=2];[/SIZE][/COLOR]
[/COLOR][/SIZE]

 

[HTMLehrling]

wenn du kein repeat angibst, kachelt es automatisch
nur einmal wiederholen ist meines wissens nicht möglich

 

[bodyandsoul]

Also in deinem Code hast du aber 2 hintergrundbilder
Aber wenn du ein bild nur einmal nach unten und nach rechts wiederholen willst kannst ja ein div machen der nur die beschränkte größe hat

 

[Gelöschtes Mitglied 3007]

ich würde ganz einfach ein bild dafür machen das geht viel einfacher anstadt da noch so rumzubasteln...

ansonsten hier

.bgLayer {
    position: absolute;
    background-image: url('pfad/zum/bild.jpg');
}

<div class="bgLayer" style="left: 0px; top: 0px; width: [b1]; height: h1];"></div>
<div class="bgLayer" style="left: [l1]; top: 0px; width: [b1]; height: [h2];"></div>

[b1] = die breite des bildes
[h1] = die höhe des bildes mal 2 also doppelt ^^
[l1] = die breite des bildes
[h2] = die einfache höhe des bildes

MFG Miah

Ps: wenn du oben oder an der seite noch zu viel abstand haben solltest dann dann füge das hier noch zu deinem stylesheet hinzu

body {
    margin: 0px;
}