Ciao a tutti,
premetto ch è la prima volta che cerco di costruire un sito con CSS quindi abbiate pietà se la domanda è un pò ovvia...
Devo fare una tabella che ha gli angoli curvi, quindi ho pensato di dividere l'immagine in un top dove si vedono gli angoli, una parte centrale dove il bg si ripete verticalmente e la parte finale con l'immagine della chiusura della tabella con gli angoli curvi.
Questo è il CSS:
#top {
background: url('Images/bg_top.jpg') no-repeat;
width: 451px;
height: 6px;
margin: 0px;
}
#centre {
margin: 0px;
padding: 15px;
background: url('Images/bg_center.jpg') repeat-y;
width: 451px;
}
Questo l'HTML:
<div class="td">
<div id="top"></div>
<div id="centre">fkjdlksfjdshfdsfdsjfhjsdhfjdsfhjdshfjd shfk</div>
<div id="base" class="inline"></div>
</div>
Fra i due div top e centre ho uno spazio di circa 5 px di altezza...come mai questo spazio?? Margin: 0 c'e'...