Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    1,486

    Spazio sotto all'immagine

    Ho un problema con un div, quello dell'header.
    Nel dile CSS lo dichiaro così
    codice:
    html,body{margin: 0;padding:0;}
    div#header{border-bottom: 2px solid #ccc;height: 90px;padding:0;}
    div#header img{border:0}
    Nel file html
    codice:
    <div id="header">
    [img]immagini/immagine.gif[/img]
    </div>
    mi compare sempre uno spazio inferiore tra l'immagine (760X90) e le sezioni sottostanti.

    Ho messo il colore del container molto diverso da quello dell'immagine e come si vede dal codice ho colorato il bordo inferiore. Si vede proprio l'immagine che sopra ed ai lati è perfettamente allineata ai bordi mentre nella parte inferiore ha uno spazio tra immagine e bordo.

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    1,486

    Re: Spazio sotto all'immagine

    Originariamente inviato da Virgilio_x
    Ho un problema con un div, quello dell'header.
    Nel dile CSS lo dichiaro così
    codice:
    html,body{margin: 0;padding:0;}
    div#header{border-bottom: 2px solid #ccc;height: 90px;padding:0;}
    div#header img{border:0}
    Nel file html
    codice:
    <div id="header">
    [img]immagini/immagine.gif[/img]
    </div>
    mi compare sempre uno spazio inferiore tra l'immagine (760X90) e le sezioni sottostanti.

    Ho messo il colore del container molto diverso da quello dell'immagine e come si vede dal codice ho colorato il bordo inferiore. Si vede proprio l'immagine che sopra ed ai lati è perfettamente allineata ai bordi mentre nella parte inferiore ha uno spazio tra immagine e bordo.
    Ho appena provato a togliere il contenuto del div header e mettere l'immagine come background dal file css e si allinea perfettamente, dunque c'è qualcosa che non va nel codice del file HTML ma non capisco cosa.
    Non dipende nemmeno dal fatto che l'immagine è un link perchè ho provato a togliere il tag A ma non cambia nulla.

    HELP

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    311

    Re: Spazio sotto all'immagine

    Originariamente inviato da Virgilio_x
    Ho un problema con un div, quello dell'header.
    Nel dile CSS lo dichiaro così
    codice:
    html,body{margin: 0;padding:0;}
    div#header{border-bottom: 2px solid #ccc;height: 90px;padding:0;}
    div#header img{border:0}
    Nel file html
    codice:
    <div id="header">
    [img]immagini/immagine.gif[/img]
    </div>
    mi compare sempre uno spazio inferiore tra l'immagine (760X90) e le sezioni sottostanti.

    Ho messo il colore del container molto diverso da quello dell'immagine e come si vede dal codice ho colorato il bordo inferiore. Si vede proprio l'immagine che sopra ed ai lati è perfettamente allineata ai bordi mentre nella parte inferiore ha uno spazio tra immagine e bordo.
    che browser utilizzi? se hai Internet Explorer è normale, aggiunge uno spessore di 1 px sotto l'immagine... con Firefox (san firefox) invece non dovrebbero esserci problemi.

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.