[css] ripetere sfondo

ho un problemino con un css
non riesco far ripetere uno sfondo...

il sito e' troppo lungo per il template e il template si vede male
questo e' il css

Codice HTML:

---

/* Documento Css creato da http://tutorialweb.org */
html{
background:url(img/mainbg.gif) repeat-x top center;
background-color:#F9F9F9;
margin:0;
padding:0;
border:0;
}

body {
margin:0 auto;
padding:0;
width:820px;
position:relative;
background:url(img/bodybg.gif) repeat-x center top;
min-height:768px;
height:768px !important;
text-align: center;
border: 0px;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#D48D27;
text-decoration:none;
}

a:hover {
color:#ffffff;
}

p {
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#4E67B8;
padding-top:5px;
padding-bottom:5px;
}

p.footer {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#4E67B8;
}

.maintable{
text-align:center;
margin-left:0px;
padding:0px;
width:180px;
}
.maintable2{
text-align:center;
margin-left:0px;
padding:0px;
width:580px;
}

.maintable3{
text-align:center;
margin-left:0px;
padding:0px;
width:768px;
}

.boxmenutop {
background-image:url(img/boxtop.gif);
background-repeat:no-repeat;
width:170px;
height:24px;
text-align:left;
padding-left:25px;
padding-right:0px;
padding-top:-5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#4E67B8;
}

.boxmenumid {
background-image:url(img/boxbg.gif);
background-repeat:repeat-y;
margin:0px;
width:170px;
height:2px;
padding-left:20px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#4E67B8;
}

.boxmenubot {
background-image:url(img/boxbot.gif);
background-repeat:no-repeat;
width:170px;
height:15px;
text-align:left;
padding-left:25px;
padding-top:-5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.contmenutop {
background-image:url(img/contop.gif);
background-repeat:no-repeat;
width:580px;
height:20px;
text-align:left;
padding-left:25px;
padding-top:-5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#4E67B8;
}

.contmenumid {
background-image:url(img/contbg.gif);
background-repeat:repeat-y;
margin:0px;
width:580px;
height:2px;
padding-left:20px;
padding-right:55px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#4E67B8;
}

.contmenubot {
background-image:url(img/contbot.gif);
background-repeat:no-repeat;
width:768px;
height:16px;
text-align:left;
padding-left:25px;
padding-top:-5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.footop {
background-image:url(img/footop.gif);
background-repeat:no-repeat;
width:768px;
height:15px;
text-align:center;
padding-left:25px;
padding-top:-5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#4E67B8;
}

.footmid {
background-image:url(img/footmid.gif);
background-repeat:repeat-y;
margin:0px;
width:768px;
height:2px;
padding-left:20px;
padding-right:55px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#4E67B8;
}

.footbot {
background-image:url(img/footbot.gif);
background-repeat:no-repeat;
width:580px;
height:16px;
text-align:left;
padding-left:25px;
padding-top:-5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

---

il sito dove ho questo errore e' top100site.altervista.org/indexx.php (vedi footer)

ho controllato la pagina e con FF non vedo qual'è il tuo problema

repeat-x : al posto di x metti y sta per yes quindi si ripete il background...

Citazione:

---

Originalmente inviato da WEBCOLOR

repeat-x : al posto di x metti y sta per yes quindi si ripete il background...

---

Sbagliato: puoi impostare i seguenti valori per background-repeat (o usando una di queste voci nella forma contratta background):
- no-repeat: lo sfondo non si ripete
- repeat-x: lo sfondo si ripete solo in orizzontale
- repeat-y: lo sfondo si ripete solo in verticale
- repeat: lo sfondo si ripete sia in orizzontale che in verticale

Tieni presente che la prima occorrenza dello sfondo è data da una dichiarazione di background-position (che tu hai inserito come center top), se questa non c'è si parte dal classico "in alto a sinistra".

Stammi bene...

Io ho il problema opposto. Vorrei che lo sfondo non si ripetesse. Ma non so dove mettere il no-repeat.
Ho il seguente codice:
<body bgcolor="#333333" background="File/Trance_energy1.jpg" "link="#FFFFFF" vlink="#FFFFFF" leftmargin="8" rightmargin="8" marginwidth="8" marginheight="0">

Dove devo mettere il no-repeat????????
:=):

Scrivilo così (facendo un misto osceno tra HTML - anche se alcuni attributi non li ho mai visti - e CSS):

Codice HTML:

---

<BODY STYLE="background:#333 url(File/Trance_energy1.jpg) no-repeat ..." LINK="#FFF" VLINK="#FFF" LEFTMARGIN="8" RIGHTMARGIN="8" MARGINWIDTH="8" MARGINHEIGHT="0">

---

Al posto dei puntini devi mettere la prima (e nel tuo caso unica) occorrenza nello sfondo (uno di questi valori: left, right, center, top, bottom, top left, top right, bottom left, bottom right. Con un minimo di inglese dovresti capire il significato di ciascuna...).

Stammi bene...

Facendo come mi hai detto tu, in Dreamweaver (il software che uso) vedo lo sfondo una sola volta ma al posto dell'immagine ripetuta vedo un quadrato grigio, mentre aprendo la pagina nel brownser, non vedo nessun sfondo. Togliendo questi attributi che non hai mai visto, qual'è il miglior modo per stendere questa riga di codice??? CSS???

THANKS, Simone

Il codice che ti ha scritto DementialSite sembrerebbe giusto. Con DreamWeaver funziona come tu hai chiesto di fare e mettendo la pagina online non si vede lo sfondo perché è sbagliato l'indirizzo o perché non è stato caricato.