Visualizzazione dei risultati da 1 a 10 su 10
  1. #1

    Eliminare completamente i margini delle immagini

    Salve ragazzi. non riesco ad eliminare i margini di un'immagine. Con firefox ne mostra uno sopra ed uno sotto mentre con IE ne mostra solo uno sotto.

    Questo è tutto il css che ho costruito finora:

    codice:
    html,body
     {
       margin: 0px ;
       padding: 0px ;
       background-color: #262626 ;
     }
    
    html
     {
       background-image: url(images/graphic/bg.jpg) ;
       background-position: top ;
       background-repeat: repeat-x ;
     }
    
    body
     {
       color: #ffffff ;
       font-family: Verdana, Arial, Helvetica, sans-serif ;
       font-size: 11px ;
       font-style: normal ;
       line-height: normal ;
       font-weight: normal ;
       font-variant: normal ;
       text-transform: none ;
       text-decoration: none ;
       text-align: center ;
       background-image: url(images/graphic/bgTop.jpg);
     }
    
    img
     {
        border: 0px ;
     }
    /*  T E M P L E T E  */
    /*-------------------*/
    
    div#container
     {
        width: 760px ;
        margin: 0px auto;
        border: 0px ;
        text-align: left ;
     }
    
    div#header
     {
        border: 0px ;
    	margin: 0px ;
    	padding: 0px ;
    	background-image: url(images/graphic/HD_bg.jpg) ;
     }
    
    span#logo
     {
        margin: 0px 0px 0px 13px ;
     }
    
    div#subheader
     {
        
     }
    Potete vedere il problema qui:
    KK
    Ciao ragazzi e grazie!
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  2. #2
    Ma stai parlando di margin o di border? Perchè la tua dichiarazione sulle immagini è riguardante il bordo delle stesse, e non il margine.

    Comunque per eliminare il margin si procede così:
    codice:
    CODICE CSS
    img {margin:0;}
    Sickbrain.org » A proposito di Web Publishing

  3. #3
    Niente! Lo avevo già provato ma non funziona!
    L'avevo già provato!
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  4. #4
    Risolto: avevo usato span invece di div ed era quello il problema! Grazie lo stesso! Ciao!
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  5. #5
    Comunque non mi hai risposto, il tuo problema è sul border oppure sul margin delle immagini?

    Considera che magari hai dei problemi di ereditarietà del codice, può essere che hai impostato un determinato valore, che annulla il nuovo appena impostato.
    Sickbrain.org » A proposito di Web Publishing

  6. #6
    Scusami! Ero talmente preso che non ho proprio letto cosa avevi scritto!
    Cmq non credo sia un problema di ereditarietà!
    E' un id assegnato ad uno span e lo span è l'unico che c'è! E poi tutti i margini sono impostato a 0!
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  7. #7
    un consiglio: se nell'header delle immagini non ti servono che siano cliccabili, come ad esempio quella che in questo caso è HDtop o qualcosa del genere, impostale come background di un div in modo da rendere la pagina sia più leggera che più accessibile...

  8. #8
    Si ma io un'immagine di background già ce l'ho! Metto un altro div all'interno di quello principale e poi sotto quel div ci metto il logo?
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  9. #9
    puoi creare un div che contenga il logo, al quale dare padding-top quanto l'altezza dell'immagine in alto e assegnare l'immagine in alto di background a questo div con position top center...

  10. #10
    Giusto! Grazie mille per il consiglio! Cmq credo di aver combinato un gran casino con il codice perchè adesso si è sballato tutto! Domani vedo di mettere un po' d'ordine! Grazie mille per gli ottimi consigli! Ciao!

    PS
    Poi vi faccio sapere come è andata a finire! Grazie ancora! Ciao!
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

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