Brdi della tabella che non si vedono in Explorer

venerdì 01 febbraio 2008 - 17.14

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

ghisirds Profilo | Junior Member

151 messaggi | Data Invio: ven 1 feb 2008 - 17:14

Salve.
Non mi riesce di far vedere i bordi di una tabella con Internet Explorer. Con Firefox tutto funziona, ma con Explorer ovviamente no.

Questo il codice HTML:

<table border="1" class="classeTabella" summary="tabella elenco mobili">
<tr>
<th scope="col">Quantitativo</th>
<th scope="col">Condizioni</th>
<th scope="col">Spesa</th>
</tr>
<tr>
<td>Da 1 a 5</td>
<td>Nuovo</td>
<td>300</td>
</tr>
<tr>
<td>Da 6 a 20</td>
<td>Usato</td>
<td>250</td>
</tr>
</table>

E questo il codice css:

.classeTabella th{
background:#3399FF;
}

.classeTabella td{
width: 165px;
text-align: center;
}

.classeTabella tr{
text-align: center;
}

Come si può vedere, il bordo l'ho applicato all'html perchè mettendolo nei css non mi andava...! Però, anche così facendo, in Explorer non si vede.
Come si può fare nella maniera più semplice possibile e magari in CSS?
Grazie mille e un saluto

__________________
http://www.idee-regalo.biz/regali-aziendali.html

gene_old Profilo | Junior Member

55 messaggi | Data Invio: dom 3 feb 2008 - 19:17

ciao..

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

prova così..

Ciao!

ghisirds Profilo | Junior Member

151 messaggi | Data Invio: dom 3 feb 2008 - 20:01

Si, e tirando via il collapse sono riuscito anche a fare il bordo doppio!

.stileTabella{ border:solid 1px #000; }
.stileTabella table { border:1px solid #00000; }
.stileTabella th { background-color: #3399FF; background-repeat: repeat; background-attachment: scroll; border: 1px solid black; background-position: 0% 50%; }
.stileTabella td { width: 165px; text-align: center; border: 1px solid black; }
.stileTabella tr { text-align: center; border: 1px solid black; }

si può semplificare ulteriormente questo codice?
non sono sicuro che sia tutto necessario, ma il risultato va bene.. mi piacerebbe solo pulirlo al massimo!
Grazie mille
Ciao

gene_old Profilo | Junior Member

55 messaggi | Data Invio: lun 4 feb 2008 - 07:42

Ciao,
Dando un'occhiata veloce farei così:

Mio:
.stileTabella{ border:solid 1px #000; text-align: center; }
.stileTabella th { background-color: #3399FF; border: 1px solid black;}
.stileTabella td { width: 165px; border: 1px solid black; }

Questo è il tuo:

.stileTabella{ border:solid 1px #000; }
.stileTabella table { border:1px solid #00000; } /*Queste 2 classi sono la stessa identica cosa*/

.stileTabella th { background-color: #3399FF; background-repeat: repeat; background-attachment: scroll; border: 1px solid black; background-position: 0% 50%; } /*Non riesco a capire perchè hai dato una ripetizione e una posizione ad uno sfondo che ha un colore uniforme, queste proprietà si usano quando è presente un'immagine di sfondo es: background: #fff url(immagine) center top repeat-x repeat-y scroll*/

.stileTabella td { width: 165px; text-align: center; border: 1px solid black; }
.stileTabella tr { text-align: center; border: 1px solid black; } /*il text align lo puoi dare direttamente alla tabella ed evitare di ripeterlo sia nei tr che nei td*/

Prova vedere se ho scritto bene. Se ho scritto imprecisioni fammi sapere.

.

Ciao!

ghisirds Profilo | Junior Member

151 messaggi | Data Invio: lun 4 feb 2008 - 12:39

Appena provato, è a dire poco perfetto... GRANDE!
La mia soluzione l'avevo scopiazzata un po di qua e un po di la, senza capirla a fondo.
La tua invece è semplice, chiarissima, essenziale... perfetta!!
Si vede che ne sai un bel po di css, eh?
Grazie mille e alla prossima
Ciao

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !