- Home
- Categorie
- Coding e Sistemistica
- CMS & Piattaforme Self-Hosted
- Inserire più foto in una riga
-
Inserire più foto in una riga
Tramite il codice HTML indicato, riesco ad inserire regolarmente le foto in una pagina. L'unico problema che non riesco a risolvere è che ogni 3 foto la successiva va a capo, mentre ci sarebbe spazio sulla riga per inserirle almeno un'altra. Mi potete aiutare? O avete un altro modo per sistemare la cosa?
Potete vedere direttamente dal sito:
festadellalegalita.it nella sezione ospiti
Grazie
Emiliano Poli<div style="float: left; margin-right: 1em;">
[caption id="attachment_115" align="alignnone" width="150"]<a href="antiracket.info/"><img class="size-full wp-image-115 " title="Presidente Federazione Antiracket e Antiusura" src="festadellalegalita.it/wp-content/uploads/2012/09/Tano-Grasso1.jpg" alt="" width="150" height="150" /></a> Tano Grasso[/caption]
</div>
<div style="float: left; margin-right: 1em;">[caption id="attachment_116" align="alignnone" width="150"]<a href="piolatorre.it/"><img class="size-full wp-image-116 " title="Presidente Centro Studi Pio La Torre" src="festadellalegalita.it/wp-content/uploads/2012/09/vito-lo-monaco-150x1501.jpg" alt="" width="150" height="150" /></a> Vito Lo Monaco[/caption]
</div>
-
riga 226 del file style.css , modifica queste due voci in questo modo
padding-left: 3px;
padding-right: 3px;
-
Grazie, cosa dovrei trovare scritto a quella riga? Al momento non ho un editor che mi segnali il numero di riga
-
Trovi questo e devi modificare quello in grassetto in questo modo padding:6px 3px;
wp-caption { /background:#EFE3D8;/ line-height:18px; margin-bottom:20px; padding:6px; text-align:center; background: top right url(images/sidebar-bg-top-right.png) no-repeat, top left url(images/sidebar-bg-top-left.png) no-repeat, top center url(images/sidebar-bg-top.png) repeat-x, bottom right url(images/sidebar-bg-bottom-right.png) no-repeat, bottom left url(images/sidebar-bg-bottom-left.png) no-repeat, bottom center url(images/sidebar-bg-bottom.png) repeat-x, top left url(images/sidebar-bg-left.png) repeat-y, top right url(images/sidebar-bg-right.png) repeat-y; background-color:#e9e9e8;}
-
Scusami ma non sono molto esperto. Io trovo scritto questo. Cosa dovrei modificare?
.wp-caption { /background:#EFE3D8;/ line-height:18px; margin-bottom:20px; padding:6px; text-align:center;
background:
top right url(images/sidebar-bg-top-right.png) no-repeat,
top left url(images/sidebar-bg-top-left.png) no-repeat,
top center url(images/sidebar-bg-top.png) repeat-x,
bottom right url(images/sidebar-bg-bottom-right.png) no-repeat,
bottom left url(images/sidebar-bg-bottom-left.png) no-repeat,
bottom center url(images/sidebar-bg-bottom.png) repeat-x,
top left url(images/sidebar-bg-left.png) repeat-y,
top right url(images/sidebar-bg-right.png) repeat-y;
background-color:#e9e9e8;}
.wp-caption img { margin:5px 5px 0; margin-left:auto; margin-right:auto; text-align:center; display:block; border-bottom: 1px solid white; border-top: 1px solid gray;border-right: 1px solid silver;border-left: 1px solid silver; }
.wp-caption a { text-align:center; display:block; }
.wp-caption p.wp-caption-text { color:#888; font-size:12px; margin:5px; }
.wp-smiley { margin:0; }
-
Rileggi il mio post precedente.
Con firefox si vede correttamente ma non so con explorer, se non si vedesse bene abbassa a 2px invece di 3px
-
Sei troppo forte
Ha funzionato alla grande. Grazie!!!!
-
Ne approfitto della tua gentilezza e competenza. Riducendo leggermente i bordi destro e sinistro riuscirei a fare entrare nella stessa riga anche 5 foto. Dove posso diminuire i margini? Grazie mille. Emiliano
-
Con quel template che ha la sidebar non riesci, devi modificare la pagina e scegliere il template one column, no sidebar
-
Grazie. Risolto
