Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2015
    Messaggi
    14

    Spazi non voluti nelle td dove utilizzo colspan e rowspan

    Buongiorno,
    Ho una tabella html , in allegato,con utilizzo di colspan e rowspan. All’interno delle td vengono allocate delle immagini. Succede che sulla td in cui è impostato colspan e su quelle dove è impostato rowspan le immagini non aderiscono perfettamente ai bordi(piccoli spazi bianchi). Sulle td dove non utilizzo colspan e rowspan le immagini aderiscono perfettamente.Ho provato varie soluzione tra cui style="display:block;" nel tag img, border="0" sempre nel tag img e font-size:0px nel tag td oltre ai vari padding:0, margin:0. Non utilizzo bordi( border:0). Grazie per un aiuto
    File allegati File allegati

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    19,761
    se puoi riporta sempre il codice nel post e mettilo dentro al tag CODE.
    gli allegati, se non strettamente necessari, ci fanno perder più tempo.

    a parte un errore in tabella (manca l'apertura di una riga), controlla le somme delle dimensioni degli spazi che occupi.
    per esempio, il bordo che hai dato alle prime celle, aumenta lo spazio della cella in basso a sinistra. quindi ti risulta un po' di spazio vuoto

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2015
    Messaggi
    14
    Buongiorno,
    scusa non capisco quando dici "il bordo che hai dato alle prime celle"? Non applico a tutte lo stesso bordo?Mi potresti chiarire questo punto, ho fatto una marea di test ma non ne vengo a capo. Grazie
    codice:
     
    <!DOCTYPE html>
    <html>
    <head>
     
    <style type='text/css'>
     
    .table1 td{
             border:7px solid; 
             border-color: #DBB89A;
    }
    .table1_1{
             border-collapse: collapse;
              border:7px solid; 
              border-color: #DBB89A; 
    }
     
    </style>
    </head>
    <body>
    <!--Gli unwanted spaces si manifestano sulle td con i rowspan e il colspan-->
    <table class="table1 table1_1" style="width:940px; height:520px; background-color: #D0E5DE; " cellspacing="0" cellpadding="0" align="center">
             <tr><td style="font-size:0px; width:170px; height:320px; "><img style="display:block;" src="img_1.png" alt="" border="0" width="170" height="320"  ></td>
             <td style="font-size:0px; width:170px; height:320px ;"><img style="display:block;" src="img_2.png" alt="" border="0" width="170" height="320"  ></td>
             <td rowspan="2" style="font-size:0px; width:300px; height:520px;"><img style="display:block;" src="img_3.png" alt="" border="0" width="300" height="520"  ></td>

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    19,761
    mi sono spiegato male...

    le celle che stanno sulla prima riga sono larghe 170px, tra loro c'è un bordo di 7px.
    la cella che sta nella riga sotto, inevitabilmente, avrà un larghezza di 170+170+7. quindi il totale sarà 347px.
    poco importa se, per quella cella, hai definito nello stile inline una larghezza di 340px.
    ti ripropongo il codice un po' ripulito
    codice:
    <!DOCTYPE html>
    <html>
    <head>
    
    
    <style type='text/css'>
    
    
    .table1{
    	border-collapse: collapse;
    	border:7px solid; 
    	border-color: #DBB89A;
    }
    
    
    .table1 td{
    	border:7px solid; 
    	border-color: #DBB89A;
    }
    
    
    </style>
    </head>
    <body>
    <!--Gli unwanted spaces si manifestano sulle td con i rowspan e il colspan-->
    <table class="table1" style="width:940px; height:520px; background-color: #D0E5DE; " cellspacing="0" cellpadding="0" align="center">
    	<tr>
    		<td style="font-size:0px; width:170px; height:320px; "><img style="display:block;" src="C:\xampp\htdocs..." alt="" width="170" height="320"  ></td>
    		<td style="font-size:0px; width:170px; height:320px ;"><img style="display:block;" src="C:\xampp\htdocs..." alt="" width="170" height="320"  ></td>
    		<td rowspan="2" style="font-size:0px; width:300px; height:520px;"><img style="display:block;" src="C:\xampp\htdocs\.." alt="" width="300" height="520"  ></td>
    		<td rowspan="2" style="font-size:0px; width:300px; height:520px;"><img  style="display:block;" src="C:\xampp\htdocs\.." alt="" width="300" height="520"  ></td>
    	</tr>
    	<tr>
    		<td colspan="2" style="font-size:0px; width:340px; height:200px ;"><img style="display:block;" src="C:\xampp\htdocs\.." alt="" width="340" height="200"  ></td>
    	</tr>
    </table>
    </body>
    </html>

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2015
    Messaggi
    14

    Spazi non voluti nelle td dove utilizzo colspan e rowspan

    Perfetto.
    Chiarissimo, ti ringrazio.

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