Come faccio a far scorrere l'immagine con il resto?

ciccio9999

Utente Attivo
16 Ago 2011
30
0
0
Non riesco a capire come sistemarla. Questo è il css:

PHP:
#calendario { 	background-image: url("immagini/notizie/Calendario.png"); 	width: 100px; 	height:	125px; 	position: absolute; 	top:20px;  	left: 20px; 	} #mese{ 	font-weight: bold;         position: relative;         top: -8px; 	 } #anno{         position: relative;         top: 10px; } #giorno{ 	font-weight: bold;         position: relative;         top: 10px; }  #titolo {         padding: 0px 0 50px 120px } #immagine {         text-align: center;         margin-bottom: 30px  }
Questa è la pagina vecchia che non ha problemi:

vecchia

Questa è quella che sto facendo:

nuova

Nella prima se scendo giù con l'overflow il calendario viene su con tutta la notizia. Nella seconda rimane fisso. Come faccio a fare in modo che si muove insieme al resto?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao
prova a togliere la postion absolute e aggiungi un float left

Codice:
#calendario {
    background-image: url("immagini/notizie/Calendario.png");
    height: 125px;
    width: 100px;
    float: left;
}
 

ciccio9999

Utente Attivo
16 Ago 2011
30
0
0
Ciao
prova a togliere la postion absolute e aggiungi un float left

Codice:
#calendario {
    background-image: url("immagini/notizie/Calendario.png");
    height: 125px;
    width: 100px;
    float: left;
}
Così è di sicuro meglio. C'è però modo di spostarlo di tipo 10 px? Con left o padding con funge.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
con margin-left

Codice:
#calendario {
    background-image: url("immagini/notizie/Calendario.png");
    height: 125px;
    width: 100px;
    float: left;
margin-left: 10px;
}