Ciao,
ho un problema su questa pagina http://www.afremusic.it/prova.html
Se provate a visualizzarla con monitor con risoluzione 800x600 e rimpicciolite le dimensioni della finestra del browser, noterete che l'immagine si sovrappone al testo.
Visto che nel sito ho, oltre a quello che vedete sulla pagina, anche una colonna a sinistra, chi usa la risoluzione 800x600 vede che la parte a sinistra va a finire sotto all'immagine.
Come faccio per farsì che il testo con la cornice grigia e l'immagine non si sovrappongano ma si affianchino?
Questo è il mio css:
#scheda_vendite_contenitore {
font-size: 0.8em;
color: #000000;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin: 10px 10px 10px 10px;
}
#scheda_vendite_dx {
padding-left: 5px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
font-size: 1.8em;
color: #000000;
text-align:left;
float:right;
width: 360px;
display: inline;
}
#scheda_vendite_sx {
padding-left: 0.8em;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0em;
font-size: 1.2em;
color: #000000;
border: 1px solid #E0E2E4;
text-align:justify;
margin-right: 380px;
}
Ne approfitto per fare un'altra domanda. Come si fa a formattare un link che si trova all'interno di una lista? Io ho usato questo css ma non sono sicuro che vada bene..
li a:link, a:visited, a:active, a:hover {
text-decoration: undeline;
color: #ffcc00;
}
Grazie mille.
Rispondi quotando
