- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- [WordPress] Spazio nelle immagini
-
[WordPress] Spazio nelle immagini
Uso WordPress 2.0.3, che ha integrata la funzione carica immagini da inserire nell'articolo, l'immagine pero' non ha spaziatura, l'articolo cioe' e' attaccato all'immagine, su quale file devo intervenire per dare uno spazio attorno all'immagine?
Ciaooo
-
se tutte le immagini che inserisci devono avere la stessa formattazione puoi intervenire sul foglio di stile inserendo gli attributi per il tag <IMG>.
img {margin: 10px;padding: 10px; }
Ovviamente è solo un esempio.
-
Veramente strano, nel file css c'era gia' lo spazio nelle immagini, ma non lo applica, per altro, nello style coffee cup, c'e' anche un bordo nelle immagini, ma non funziona :bho:
Questo e' la parte del css:img.centered { padding: 10px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; border: 1px solid #7f7157; } img.alignright { padding: 10px; margin-left: 10px; margin-right: auto; margin-bottom: 10px; display: inline; border: 1px solid; } img.alignleft { padding: 10px; margin-left: auto; margin-right: 10px; margin-bottom: 10px; display: inline; border: 1px solid; } .alignright { float: right; } .alignleft { float: left; } ``` Ho risolto mettendo quest'altra istruzione, come da tuo suggerimento:
img {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
padding: 0px;
}Puo' essere questo a creare problemi? "display: inline;" Ciaooooo :ciauz:
-
Bisognerebbe fare delle prove, posti un link ad una pagina con le immagini che non vanno ?
Intanto abbiamo preso una piega decisamente da HTML - CSS , sposto in quel forum la discussione.
-
io edito direttamente i parametri nel tag dell' immagine, cosi':
<img src=http : // url.jpg alt=" xxxxx " align="left" VSPACE="5" HSPACE="5" />
align per l'allineamento (left, right, center) e vspace e hspace per i pixel di spaziatura con il testo intorno...
Nicola
-
@nbriani said:
io edito direttamente i parametri nel tag dell' immagine, cosi':
<img src=http : // url.jpg alt=" xxxxx " align="left" VSPACE="5" HSPACE="5" /> Ma cosi' facendo hai spazio su tutti e quattro i lati della foto, il css invece prevederebbe (se funzionasse) diverse spaziature in base alla posizione dell'immagine, quindi se e' allineata in alto a sinistra del testo, dovrebbe creare spazio sul lato destro della foto ed in basso, ma non sul lato sinistro ed in alto della foto.
Questo e' un esempio di testo ed immagine con il css originale che ho pastato precedentemente:
Questo e' lo stesso testo ed immagine, dopo che ho aggiunto il secondo codice presente nel mio post precedente:
Che e' indubbiamente meglio, ma vorrei non ci fosse il margine a sinistra.
Ciaooooo
p.s. scusate per l'errore di sezione
-
metti nel css le istruzioni per img PRIMA delle altre
Quindi:
img {margin:etc etc;}img.someclass {etc etc}