Spaziatura immagini 
Author: Vincenzo Errico
Visited 892,
Followers 1,
Shared 0
Salve,
ho la necessità di caricare su una pagina diverse immagini a cascata tramite un oggetto html ma, con questo codice (spero sia corretto):
<img src="http://miosito.it/miaImmagine01.jpg" alt="testo" />
<img src="http://miosito.it/miaImmagine02.jpg" alt="testo" />
e così via....
però le immagini risultano senza alcuna spaziatura tra di loro, mentre, mi occorrerebbero 6px di distanza lato inferiore e superiore dell'immagine.
Al solito codice ho aggiunto, vspace=”3", quindi:
<img src="http://miosito.it/miaImmagine.jpg" vspace=”3" alt="testo" />
ma nulla, le immagini non si distanziano tra loro.
Qualcuno saprebbe aiutarmi?
Grazie in anticipo.
Posted on the
Siamo nel 2014, usa i CSS.
Se sono molte ti conviene inserirle in un div con un tuo id e scrivere questo CSS (HTML e Widgets - Esperto):
#miodiv img{
margin-bottom:6px;
}
Altrimenti puoi inserirlo in linea:
Answers mi ha "censurato".
Ci riprovo...
Altrimenti puoi inserirlo in linea:
Bene... mi arrendo
Altrimenti puoi inserirlo in linea. Cercalo online, a me non lo fa inserire...
Author
ti ringrazio della risposta ma, uso questo programma esclusivamente per il mio sito, con questo voglio dire che di codice non capisco un bel niente
.
Se ti fa piacere aiutarmi potresti indicarmi tutti i passaggi da fare?
Si, le immagini sono tante, un esempio (immagini inserite tramite l'oggetto immagini) a questo link:
http://www.vincenzoerrico.it/ester-e-leonardo-un-bellissimo-matrimonio-a-firenze.html
e purtroppo le righe hanno un limite di 64...e comunque il progetto mi divente troppo pesante con decine di pagine come questa.
Grazie.
Oggetto HTML e Widgets
<div id="miaGallery">
<img src="http://miosito.it/miaImmagine01.jpg" alt="testo" />
<img src="http://miosito.it/miaImmagine02.jpg" alt="testo" />
e così via....
</div>
Oggetto HTML e Widgets - Esperto
#miaGallery img{
margin-bottom:6px;
}
Spero che non mi "censuri" ancora...
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
ti ringrazio, proverò subito!
... oppure, in alternativa a quanto detto, con un Click nel blocco note si può modificare un intero listato...
... per esempio, una pagina composta di
<img src="http://miosito.it/miaImmagine01.jpg" alt="testo" />
eccetera, eccetera...
... basterebbe sostituire
<img
con
<img style= "margin:10px"
...
... provalo subito e verificane l'effetto in Anteprima...
... io lo ho provato adesso, come detto, istantaneamente con un click sulla mia galleriaSprint, che più Sprint non si può, clone in linea della index in due tre secondi: http://www.zspace.it/kolasim/website/galleriaSprintK/index2.html
,
ciao
Author
ho optato per la soluzione di lemonsong in quanto mi permette di cambiare la spaziatura cambiando semplicemente il numerino nel css.
questa è la pagina creata: http://www.vincenzoerrico.it/matrimonio-firenze-chiesa-san-miniato-al-monte-ricevimento-castello-di-vincigliata-fiesole.html
Ringrazio anche te KolAsim per avermi risposto.
Grazie.
Author
ma solo ora ho notato che non viene più visualizzato il tasto PINIT sulle immagini come nelle altre pagine inserendo le immagini tramite l'apposito oggetto. Come questa: pagina:http://www.vincenzoerrico.it/maurizio-e-michela-servizio-fotografico-matrimonio-pisa.html
... non noto riferimenti al codice PINIT e PIN_ che sono presenti invece nella pagina là dove si vedono...
.
ciao
Ti manca questo script in HEAD:
http://www.unofficialwsx5.com
Author
inserito, grazie !