Ciao, ho impostato un'immagine di sfondo in un div, ed ho scelto di farla ripetere verticalmente.
L'immagine è alta 15 px, ed il problema è che, ogni qualvolta si ripete, compare un piccolo spazio, molto fastidioso.
Il link è questo (immagine sulla destra, in corrispondenza del corpo bianco):
http://www.angelosignore.it/ortaggi/index.php
Il codice nel template (la parte interessata) è il seguente:
Mentre il css della parte interessata:codice:<div id="principale"> <div id="contenuto"> <div id="corpo"> {CONTENT} </div> </div> </div>
Come posso fare per evitare che si veda quel piccolo (festidioso) spazio?codice:#principale{ width: 768px; margin: 0px; padding: 0px; background-image: url(http://www.angelosignore.it/ortaggi/...ndo-totale.jpg); background-repeat: repeat-y; vertical-align: top; } #sezione-menu{ width: 206px; margin: 0px; padding: 0px; float: left; background-color: #fff; vertical-align: top; } #menu{ width: 206px; height: 216px; margin: 0px; padding: 0px; background-image: url(http://www.angelosignore.it/ortaggi/...fondo-menu.jpg); background-repeat: no-repeat; float: left; vertical-align: top; } #piede-menu{ width: 206px; height: 26px; margin: 0px; padding: 0px; background-image: url(http://www.angelosignore.it/ortaggi/...piede-menu.jpg); background-repeat: no-repeat; float: left; vertical-align: top; } #contenuto{ width: 768px; height: auto; background-image: url(http://www.angelosignore.it/ortaggi/...ndo-totale.jpg); background-repeat: repeat-y; background-color: #fff; margin: 0px; padding: 0px; float: right; text-align: left; vertical-align: top; } #corpo{ width: 550px; margin: 0px; margin-right: 5px; padding: 3px; float: right; }
Grazie.