Hintergrund wiederholt sich

Diskutiere Hintergrund wiederholt sich im CSS Forum im Bereich Programmierung; Hey Leute, ich bin relativ neu auf dem Gebiet CSS und hab schon einige Probleme allein mit dem Hintergrundbild. ich hoffe das mir hier jemand...
Neues Thema erstellen Antworten
  • Hintergrund wiederholt sich Beitrag #1
Q
Qudi
New member
Beiträge
1
Punkte Reaktionen
0
Hey Leute, ich bin relativ neu auf dem Gebiet CSS und hab schon einige Probleme allein mit dem Hintergrundbild. ich hoffe das mir hier jemand helfen kann :) .

Also mein Hintergrund sollte eigentlich so aussehen:
startseite1308lew78tuydf.png


Aussehen tut es aber so:
startseite1308rphnse081x.png


Also es wiederholt sich nach unten, und genau das möchte ich vermeiden.

hier mein HTML und CSS datei (wie gesagt, bin noch nciht so geübt^^)
HTML
<html>
<head>
<title>Startseite</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<meta name="author" content="Administrator">
<meta name="editor" content="html-editor phase 5">
</head>
<body background="grafics/background.png" text="#000000" bgcolor="#dbdbdb" link="#FF0000" alink="#FF0000" vlink="#FF0000">

</body>
</html>

CSS
#body {
background-image:url("grafics/background.png");
margin:0;
padding:0 ;
width:100%;
height:100%;
background-repeat: repeat-x ;
}

ich hab gelesen dass "repeat-x" das eigentlich unterbinden sollte ... ich sitz schon ziemlich lang dran und verzweifel langsam ...
Die grafik ist 20x933 , also sie wiederholt sich horizontal
ich hoffe ihr könnt mir helfen

btw inspiriert wurde ich durch diese seite^^
http://asiancy.de/index.php

MfG Qudi
 
Zuletzt bearbeitet:
  • Hintergrund wiederholt sich Beitrag #2
M
m3ndaX
New member
Beiträge
2
Punkte Reaktionen
0
Probier es mal mit background-repeat:no-repeat;
 
  • Hintergrund wiederholt sich Beitrag #3
W
Webdesigner
Active member
Beiträge
35
Punkte Reaktionen
0
Du vergibst einmal im HTML und einmal im CSS Atrribute für den BODY.
Wenn Du das background-repeat: repeat-x ; auchim HTML oben angibst, sollte der Hintergrund wie gewünscht angezeigt (bzw. nicht angezeigt) werden.
 
  • Hintergrund wiederholt sich Beitrag #4
K
Klosterwurm
Member
Beiträge
6
Punkte Reaktionen
0
im body-tag einfach class="hg" oder id="hg" einfügen im CSS

Code: 
.body {
    background: url(deine-grafik.jpg); -> Garfik Bild
    background-repeat: repeat-x; -> waagerecht wiederholen
    background-color: #d9d9d9;  -> nach deiner Grafik weiter mit der Farbe
}

oder 

.hg {
    background: url(deine-grafik.jpg); -> Garfik Bild
    background-repeat: repeat-x; -> waagerecht wiederholen
    background-color: #d9d9d9;  -> nach deiner Grafik weiter mit der Farbe
}


und dein Body ändern wenn du mit class oder id arbeiten wilst, von:

Code: 
<body background="grafics/background.png" text="#000000" bgcolor="#dbdbdb" link="#FF0000" alink="#FF0000" vlink="#FF0000">


ändern in:

Code: 
<body class="hg"  text="#000000"  link="#FF0000" alink="#FF0000" vlink="#FF0000">
 
Thema:

Hintergrund wiederholt sich

Oben Unten