Visualizzazione dei risultati da 1 a 10 su 10

Discussione: immagini adiacenti

  1. #1

    immagini adiacenti

    Ho un semplice div che contiene delle immagini, del tipo:
    codice:
    <div><img /><img /></div>
    vorrei che le immagini si presentassero una appiccicata all'altra ma il browser gli aggiunge automaticamente dello spazio.
    Ho provato a settare margin:0 e padding:0 ma non cambia niente. Ho provato anche ad impostare margin-left negativi ma ancora niente.

  2. #2
    il codice va bene
    mostra un link dell'errore

  3. #3
    http://www.giancarlo75.altervista.or...progetto1.html
    Il motivo è che vorrei che lo skyline della città (che è ancora da sistemare bene, questa è solo una prova) non sia interrotto da righe nere tra le immagini, altrimenti l'effetto si perde.

  4. #4
    Il problema sta nel fatto che hai scritto il codice andando a capo ogni link+immagine, se non vuoi spazi devi scrivere il codice di tutte le immagini sulla stessa riga senza spazi
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  5. #5
    ah perfetto grazie, non ci sarei mai arrivato da solo

  6. #6
    Originariamente inviato da giancarlo75
    ah perfetto grazie, non ci sarei mai arrivato da solo
    eppure nel primo post avevi scritto bene
    codice:
    <div><img /><img /></div>

  7. #7
    Originariamente inviato da ac_socmel
    eppure nel primo post avevi scritto bene
    codice:
    <div><img /><img /></div>
    L'aveva scritto solo come esempio senza badare a vome l'aveva nella pagina perchè per lui la cosa era indifferente. Chiaro?
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  8. #8
    Sì, era solo un esempio. Ho sempre pensato che gli spazi ed i ritorni a capo non contassero niente nell'html. Ma se io scrivo, per esempio, il codice per inserire due immagini mettendoci n ritorno a capo, poi volessi distanziare le due immagini di 10px impostando margin-right a 10, questo valore andrebbe a sommarsi allo spazio che il browser inserisce per via del ritorno a capo?

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Originariamente inviato da giancarlo75
    Sì, era solo un esempio. Ho sempre pensato che gli spazi ed i ritorni a capo non contassero niente nell'html.
    Vero per i brwoser standard - falso per IE in modalita` retrocompatibile
    Ma se io scrivo, per esempio, il codice per inserire due immagini mettendoci n ritorno a capo, poi volessi distanziare le due immagini di 10px impostando margin-right a 10, questo valore andrebbe a sommarsi allo spazio che il browser inserisce per via del ritorno a capo?
    E` solo IE (e alcuni suoi imitatori) che ha questo effetto.
    Dovrebbe sparire se usi una DTD strict.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  10. #10
    Ma in html5 è richiesta una DTD strict?
    Comunque anche Chrome mi da questo difetto.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.