- Home
- Categorie
- Coding e Sistemistica
- Coding
- aiuto su table con border
-
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
-
Ciao, puoi allegare il codice e magari un'immagine modificata che fa vedere come vorresti il tutto?
-
usa un css...
tabella esterna bordo, tabella interna niente bordotable {border:1px solid #369;}
table table {border:0px}o altrimenti dai delle classi...
-
@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?
-
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
-
<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>
-
@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>
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.
-
@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
-
Grazie cosi funziona