Problema tabella

**skyteam** · 17-09-2012, 17:38

Ciao a tutti
Sto creando un forum e avevo intenzione di mettere una tabella sotto il logo con il bordo solid, il problema è che mi vengono 2 colori alternati nonostante io abbia messo bordercolor=black in <table>. Il codice html è

codice:

<div id="table"><table border=1 bordercolor = black CELLSPACING=0 cellpadding=0 width=900px > 
 <tr> 
 <td id="paragraph1" width=200px height=30px></td> 
 <td id="paragraph1" width=500px height=30px>seconda cella</td> 
 <td id="paragraph1" width=200px height=30px></td> 
 </tr> 
 <tr> 
 <td id="paragraph1" width=200px height=190px>c</td> 
 <td id="paragraph1" width=500px height=190px></td> 
 <td id="paragraph1" width=200px height=190px>seconda cella</td> 
 </tr> 
 <tr> 
 <td id="paragraph1" width=200px height=30px></td> 
 <td id="paragraph1" width=500px height=30px>quarta cella</td> 
 <td id="paragraph1" width=200px height=30px></td> 
 </tr> 
 <tr> 
 <td id="paragraph1" width=200px height=190px>prima cella</td> 
 <td id="paragraph1" width=500px height=190px></td> 
 <td id="paragraph1" width=200px height=190px>seconda cella</td> 
 </tr> 
</table> 
</div> 


mentre il css è 

#table {border-collapse:collapse
 border-color: black
border-style:solid;
border-width: 1px}

#paragraph1 {border-color: black
border-style:solid;
border-width: 1px}

Dove è che sbaglio?

**Vincent.Zeno** · 17-09-2012, 21:21

ciao skyteam, sta volta ho corretto io...
ricorda che sei tenuto, come tutti, ad utilizzare il tag [CODE][/CODE] per postare codice sul forum

buon lavoro

**Prill** · 18-09-2012, 04:59

Ciao,
bordercolor non è attributo valido, i tuoi bordi non vengono riconosciuti perché nel css dopo ogni proprietà e il suo valore va un punto e virgola che hai saltato:

codice:

#table {border-collapse:collapse;
 border-color: black;
border-style:solid;
border-width: 1px}

eccetera

che puoi riscrivere anche come:

codice:

#table {
border-collapse:collapse;
border: 1px solid #000;
}

eccetera

con gli attributi width e height i pixel sono l'unità di misura di default che non va specificata: width="200", height="30"
Da inserire gli apici che mancano, non solo lì.
Sarà il caso comunque di passare questi valori attraverso il css, in paragraph1 ad esempio.
Poiché quello di paragraph1 è uno stile ripetuto, dovrai sostituire l'id, che essendo un identificatore unico può essere usato una sola volta in una pagina, con una classe

**skyteam** · 18-09-2012, 16:42

Sono riuscito a mettere il bordo solido all'esterno della tabella ma non capisco come fare a metterlo anche a righe e colonne. Mi potresti dire come devo mettere la classe?
Grazie

**Prill** · 19-09-2012, 09:03

codice:

<style type="text/css">
<!--
#miaTabella {
 width:900px;
 border: 1px solid #000;
 border-collapse:collapse;
}
#miaTabella td{
 padding:0;
 border: 1px solid #000;
}
.cella200{
 width:200px;
}
.cella500 {
 width:500px;
}
-->
</style>
</head>

<body>
<table id="miaTabella"> 
 <tr> 
  <td class="cella200"></td> 
  <td class="cella500">cella</td> 
  <td class="cella200"></td> 
 </tr> 
 <tr> 
  <td>cella</td> 
  <td></td> 
  <td>cella</td> 
 </tr> 
 <tr> 
  <td></td> 
  <td>cella</td> 
  <td></td> 
 </tr> 
 <tr> 
  <td>cella</td> 
  <td></td> 
  <td>cella</td> 
 </tr> 
</table>

Discussione: Problema tabella

Strumenti discussione

Ricerca discussione

Visualizza

Problema tabella

Permessi di invio