- Home
 - Categorie
 - Coding e Sistemistica
 - Coding
 - Due immagine centrata contemporaneamente
 
- 
							
							
							
							
							
Cosi Katherine?

Valerio Notarfrancesco
 - 
							
							
							
							
							
Esatto

Come dovrei fare?
 - 
							
							
							
							
							
Allora, la prima cosa è togliere tutti quei paragrafi.
Ogni coppia di immagini va dentro un contenitore div al quale assocerai queste regole di stile: margin: auto; text-align: center;Alle immagini togli la classe "alignleft" e attribuisci loro un'altra classe con lo stile margin-right: 20px;
Dovrebbe diventare quindi:
<div class="divimgkat">
<img class "imgkat" src="url" alt="bla bla bla" width="223" height="159" title="bla bla bla">
<img class "imgkat" src="url" alt="bla bla bla" width="223" height="159" title="bla bla bla">
</div>Valerio Notarfrancesco
 - 
							
							
							
							
							
Vediamo se ho capito bene:
Creo un nuovo div nel css:
#nome margin: auto;
text-align: center;E poi sempre nel css
.alignnome {
margin-right: 20px;
}E' corretto?
 - 
							
							
							
							
							
Esatto.
Solo che al div non assocerei un id ma una classe perché si ripete più volte all'interno della tua pagina, quindi non #nome ma .nome.Valerio Notarfrancesco
 - 
							
							
							
							
							
Sembra non funzionare. Nel css ho inserito
.nome margin: auto;
text-align: center;.alignnome {
margin-right: 20px;
}Nell'articolo ho inserito
<div class="divnome">
<img class "nome" src="ht tp://www.vampirediaries-love.net/blog/wp-content/lg-gallery/Terza%20stagione/Episodio%2001%20stagione%203/08.jpg" alt="bla bla bla" width="223" height="159" title="bla bla bla"><img class "nome" src="ht tp://www.vampirediaries-love.net/blog/wp-content/lg-gallery/Terza%20stagione/Episodio%2001%20stagione%203/08.jpg" alt="bla bla bla" width="223" height="159" title="bla bla bla">
</div>Ho sbagliato qualcosa?
 - 
							
							
							
							
							
Ma è sempre la stessa pagina che hai indicato nel primo post (2011/08/6-nuove-still-per-lepisodio-3x01-the-birthday/)?
Io vedo ancora la vecchia struttura con i paragrafi e non con il div.Valerio Notarfrancesco
 - 
							
							
							
							
							
No, sto facendo le prove su una pagina prova...in cui ho inserito solo quel codice.
 - 
							
							
							
							
							
C'è un errore nel css perché io leggo:
.nome margin: auto;
text-align: center;Mancano le parentesi graffe e il nome della classe è sbagliato. Prova così:
.divnome {
margin: auto;
text-align: center;
}Valerio Notarfrancesco
 - 
							
							
							
							
							
Funziona, almeno su Firefox. Devo provare gli altri browser ma spero non dia problemi. Grazie
 - 
							
							
							
							
							
Prego.
Funziona anche con Safari su Mac. Per motivi estetici distanzierei le due immagini mettendo alla prima un margine a destra di 20px (margin-right: 20px;).Valerio Notarfrancesco