• User Attivo

    [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 :ciauz:


  • Bannato Super User

    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.


  • User Attivo

    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:

  • Bannato Super User

    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.


  • Super User

    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...

    :ciauz:
    Nicola


  • User Attivo

    @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:

    image

    Questo e' lo stesso testo ed immagine, dopo che ho aggiunto il secondo codice presente nel mio post precedente:

    image

    Che e' indubbiamente meglio, ma vorrei non ci fosse il margine a sinistra.

    Ciaooooo :ciauz:
    p.s. scusate per l'errore di sezione


  • Moderatore

    metti nel css le istruzioni per img PRIMA delle altre
    Quindi:
    img {margin:etc etc;}

    img.someclass {etc etc}

    :ciauz: