Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Spaziatura Immagini

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484

    Spaziatura Immagini

    In alcune pagine ho inserito sempre allo stesso modo dell eimmagini.
    Poiché non serve nessuna varietà, nel CSS ho messo:

    img {
    display:block;
    margin:0 auto; /* puoi cambiare il primo valore */
    padding:50px 0px 50px 0px;
    }

    Però in un caso e uno solo devo inserire tr eimmagini in sequenza
    senza spazi. Ho provato a creare una classe apposita:

    .nopadding {
    display:block;
    margin:0 auto;
    }

    e nell'HTML ho messo:

    <div class="nopadding">
    [img]logo1.gif[/img]
    [img]logo2.gif[/img]
    [img]logo3.gif[/img]
    </div>

    ma le immagini restano spaziate dal padding.
    Dove ho sbagliato?

    Grazie
    M.

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    ti manca la regola


    .nopadding img {
    padding : 0;
    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    padding. no margin, ecco...
    Avevo fatto dei tentativi a caso,
    ma evidentemente tutti tranne
    quello giusto!

    Ah... un'ultima cosa:
    se volessi per una o due sole immagini
    il posizionamento a sinistra? Ho trovato
    un sacco di esempi con posizionamento
    calcolato con precisione oppure float
    (mentre qui non dev'essere float),
    a me basterebbe suggerire di mettere
    l'immagine a sinistra...

    Grazie!
    M.

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Ho risolto con un posizionamento assoluto,
    inserendo lo stile inline, visto che si tratta
    di due soli casi. Dal punto di vista dell'eleganza,
    è più corretto cmq inserire la regola nel CSS
    anche se è uno "hapax legomenon"?

    Grazie
    M.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.