Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente bannato
    Registrato dal
    Aug 2009
    Messaggi
    350

    Affiancare due immagini in un div con IE 5.5

    Devo riempire un div con 2 immagini (logo_sinistro.jpg e logo_destro.jpg) ma in IE 5.5 mi trasla inspiegabilmente le due immagini verso sinistra. Non riesco a capire se é un problema di XHTML oppure di css.

    XHTML:

    codice:
    <div id="tot">      
    <div id="a"></div>      
    <div id="b"><a href="index.html">
    [img]immagini/logo_sinistro.jpg[/img]
    </a> 
    <a href="index.html"> 
    [img]immagini/logo_destro.jpg[/img]</a></div>      
    <div id="c"></div>    </div>
    CSS:

    codice:
    div#tot {  	
    width:960px;  	
    height:138px;  	
    padding:0px;  	
    margin:0px;  	
    border-width:0px;  }  
    
    div#a {  	
    float:left;  	
    width:10px;  	
    height:138px;  	
    padding:0px;  	
    margin:0px;  	
    border-width:0px;  	
    background:url(../immagini/ombra_lato_sinistro.jpg) repeat-y top left;  } 
     
    div#b {  	
    float:left;  	
    width:940px;  	
    height:138px;  	
    padding:0px;  	
    margin:0px;  	
    border-width:0px;  	
    background-color:#FFF;  	
    overflow:hidden;  }
    
    div#c {
    float:left;
    width:10px;
    height:138px;
    margin:0px;
    padding:0px;
    border-width:0px;
    background:url(../immagini/ombra_lato_destro.jpg) repeat-y top left;
    }
    Grazie per il vostro aiuto

  2. #2
    Utente bannato
    Registrato dal
    Aug 2009
    Messaggi
    350
    up!

  3. #3
    Utente bannato
    Registrato dal
    Aug 2009
    Messaggi
    350
    ho introdotto una classe alle 2 immagini e poi ho aggiunto questo css che funziona ma non mi piace perché non ha LOGICA...

    img.invisibile {
    float:left;
    margin-left:-3px;
    margin-right:-3px;
    width:470px;
    height:138px;
    display:inline;
    }

    Mi piacerebbe nascondere quelle immagini con il css e poi caricarle con background ma non so come fare...

  4. #4
    Utente bannato
    Registrato dal
    Aug 2009
    Messaggi
    350
    chiedo scusa... anche questo va vene:

    codice:
    img.crossbrowser  {
    	margin-left:-3px;
    	margin-right:-3px;
    }
    Ma perché!!!!!!!!!!

  5. #5
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Io ho sempr visto che bastava mettere le due immagini in fila senza spazi tra l'una e l'altra così:
    codice:
    <img src=....... /><img src=....... />
    Oppure usare il float:left.
    Altra soluzione il posizionamento assoluto

  6. #6
    Utente bannato
    Registrato dal
    Aug 2009
    Messaggi
    350
    nulla da fare, non funziona...

    tieni conto che le immagini sono annidate in due tag <a>!

  7. #7
    <div id="tot"align="center">


    <a href="index.html">
    [img]immagini/logo_sinistro.jpg[/img]
    </a>


    <a href="index.html">
    [img]immagini/logo_destro.jpg[/img]
    </a>

    </div>

  8. #8
    Utente bannato
    Registrato dal
    Aug 2009
    Messaggi
    350
    E.d.i.73 sei un grande!!! Grazie mille!!!

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.