• User Attivo

    aiuto su table con border

    Salve, in una pagina web hop inserito una trable con border 1 di colore blue, fin qui tutto bene, se però al suo interno inserisco un altra table mi vengono visualizzate 4 linee come prolungamento della tabella 2, inserisco l'immagine. Come posso evitare questa cosa conservando solo i bordi della tabella prinvipale senza quelli della tabella interna? grazie


  • Super User

    Ciao, puoi allegare il codice e magari un'immagine modificata che fa vedere come vorresti il tutto? 🙂


  • User Attivo

    usa un css...
    tabella esterna bordo, tabella interna niente bordo

    table {border:1px solid #369;}
    table table {border:0px}

    o altrimenti dai delle classi...


  • User Attivo

    @ertulio said:

    Salve, in una pagina web hop inserito una trable con border 1 di colore blue, fin qui tutto bene, se però al suo interno inserisco un altra table mi vengono visualizzate 4 linee come prolungamento della tabella 2, inserisco l'immagine. Come posso evitare questa cosa conservando solo i bordi della tabella prinvipale senza quelli della tabella interna? grazie

    ci alleghi il codice please?


  • User Attivo

    Questo è il codice, ci soni tre table annidate la 1 senza border, la 2 con border e la tre senza border, che però come è possibile vedere dalla foto in precedenza mi disegna le linee della terza table per tutta la seconda table. Io vorrei che il border fosse solo alla tabella 2 e non anche alla 3 che oltre al bordo mi visualizza quelle lunghe linee. Spero di essere stato chiaro, grazie 1000


  • User Attivo

    <table width="968" border="0" align="center" cellpadding="0" cellspacing="0" >
    <!--DWLayoutTable-->
    <tr>
    <td width="83" height="605"> </td>
    <td width="804" valign="top"><table width="100%" border="1" bordercolor="#336699" cellpadding="0" cellspacing="0" background="Immagini/sfondo.gif">
    <!--DWLayoutTable-->
    <tr>
    <td width="132" height="42"> 
    <td width="267"> 
    <td width="397"> 
    <tr>
    <td height="228"> 
    <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
    <td width="269" height="228"> </td>
    </tr>
    </table>
    <td> 
    <tr>
    <td height="342"> 
    <td> 
    <td> </table></td>
    <td width="81"> </td>
    </tr>
    </table>


  • Super User

    @ertulio said:

    <table width="968" border="0" align="center" cellpadding="0" cellspacing="0" >
    
    <!--DWLayoutTable-->
    <tr> 
      <td width="83" height="605">&nbsp;</td>
      <td width="804" valign="top"><table width="100%" border="1" bordercolor="#336699"  cellpadding="0" cellspacing="0"  background="Immagini/sfondo.gif">
          <!--DWLayoutTable-->
          <tr> 
            <td width="132" height="42">&nbsp; 
            <td width="267">&nbsp;
            <td width="397">&nbsp;
          <tr>
            <td height="228">&nbsp;
            <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                <!--DWLayoutTable-->
                <tr> 
                  <td width="269" height="228">&nbsp;</td>
                </tr>
              </table>
            <td>&nbsp;
          <tr>
            <td height="342">&nbsp;
            <td>&nbsp;
            <td>&nbsp;</table></td>
      <td width="81">&nbsp;</td>
    </tr>
    

    </table>

    Mancano diverse chiusure per i tag td e tr.

    </td> </tr>
    Questo crea confusione sia ai browser ma soprattutto a chi legge il codice.

    Chiudi tutti i tag per bene e vedrai che risolvi.

    :ciauz:


  • User Attivo

    @ertulio said:

    <table width="968" border="0" align="center" cellpadding="0" cellspacing="0" >
    <!--DWLayoutTable-->
    <tr>
    <td width="83" height="605"> </td>
    <td width="804" valign="top"><table width="100%" border="1" bordercolor="#336699" cellpadding="0" cellspacing="0" background="Immagini/sfondo.gif">
    <!--DWLayoutTable-->
    <tr>
    <td width="132" height="42"> 
    <td width="267"> 
    <td width="397"> 
    <tr>
    <td height="228"> 
    <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
    <td width="269" height="228"> </td>
    </tr>
    </table>
    <td> 
    <tr>
    <td height="342"> 
    <td> 
    <td> </table></td>
    <td width="81"> </td>
    </tr>
    </table>

    Scusami ertulio, hai mai pensato di lavorare con i CSS ed abbandonare le scomodissime tabelle?

    Anche in questo caso specifico applicando una proprietà css alla table avresti risolto.

    se proprio ora non vuoi smontare tutto e mantenere le table potresti adottare una soluzione ibrida del tipo:

    [html]<table border="0" cellpadding="0" cellspacing="0" class="stile_tab">[/html]nella head metti
    [HTML]<link href="stile.css" rel="stylesheet" type="text/css">[/html]

    e nel css metti
    [html].stile_tab{border:1px solid #369}[/html]in questo modo lo stile non va ad agire anche negli altri elementi contenuti.

    ciauuzz


  • User Attivo

    Grazie cosi funziona