Problema Tabella

lordz

Problema Tabella

Salve ragazzi...! Tutto bene?

Ho una domanda da chiedervi... piu che altro e' un grosso problemone che non riesco a risolvere... Sto facendo un sito per un associazione di calcio della regione abruzzo.... e fino a qui tutto ok....
Ora il problema e che ho creato varie tabelle... Ma risultano visualizzabili solo con Firefox...
e con internet explorer no! Cioe'... vengono visualizzate in modo a dir poco abominevole....
Cosi mi sono chiesto che se creassi uno style css avrei risolto il problema... e invece.....

il sito e' il seguente.... ( cittadimontesilvanoc5_punto_com ) la sezione e' CATEGORIE... dove troverete la tabella... per i risultati...
Purtroppo mi spiace ma non potevo inserire il link e diciamo che cosi o evitato il mex di errore per diventare un utente premium...
Mi scuso ancor prima che si incavolino i moderatori... ma ' un problema grave e che devo risolvere...
Grazie della vostra gentile attenzione... metto qui il code dello style...

e questo è lo Style CSS che ho creato... ma la situazione non cambia....
Forse ho sbagliato io qualche passaggio?....


body{
padding:0px;
margin:0px;
background-color:#000000;
}

table, td {
    width:100%;
    height:100%;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    }

td { vertical-align:top;}

a:hover{text-decoration:none;}

img { border:0px;}

.main_text, table, li, input, textarea
    {
        font-family:Calisto MT;
        font-size:12px;
        line-height:14px;
        color:#202020;
    }
    
span a { color:#D53600}
    
span strong { color:#D52600}
    
.l_text { color:#202020}
.l2_text { color:#202020; vertical-align:middle}
    
.c_text { color:#FFFFFF}
.c_text a{ color:#FFFFFF; text-decoration:none}
.c_text a:hover{ color:#FFFFFF; text-decoration:underline}

.no_class, form, .no_class td
    {
        width:auto;
        height:auto;
        margin:0px;
        padding:0px;
        border:0px;
        
    }

.input    {width:231px; height:21px; background-color:#F5DEB3; padding-left:5px}

textarea{border:1px solid #A8A079; width:231px; height:174px; background-color:#F5DEB3; padding-left:5px; overflow:hidden}

ul {margin:0; padding:0; list-style:none}
li  {background:none; margin:0; padding:0px}
li a  {font-family:Tahoma; font-size:12px; line-height:18px; color:#D52600}

.ul2 li  {background:none; margin:0; padding:0px}

```.ul2 li a  {font-family:Tahoma; font-size:12px; line-height:18px; color:#202020}

misterwo

Ciao, scusami ma io non ho capito molto.
Puoi provare ad usare questa tabella per favore?


<table summary="Questa tabella contiene i risultati">
<caption>Lista risultati</caption>
<thead>
 <tr>
  <th width="70" id="c1">CLASSIFICA
</th>
  <th width="237" id="c2">P 
</th>
  <th width="89" id="c3">G</th>
  <th width="101" id="c4">V</th>
<th width="79" id="c5">N</th>
 </tr>
</thead>
<tbody>
 <tr>
  <td id="c6" headers="c1">Prova</td>
  <td headers="c6 c2">6</td>
  <td headers="c6 c3">6</td>
  <td headers="c6 c4">6</td>
  <td headers="c6 c5">6</td>
 
 </tr>
 <tr>
  <td id="c7" headers="c1">Prova</td>
  <td headers="c7 c2">6</td>
  <td headers="c7 c3">6</td>
  <td headers="c7 c4">6</td>
  <td headers="c7 c5">6</td>
 </tr>
 <tr>
  <td id="c8" headers="c1">Prova</td>
  <td headers="c8 c2">6</td>
  <td headers="c8 c3">6</td>
  <td headers="c8 c4">6</td>
  <td headers="c8 c5">6</td>
 </tr>
</tbody>
</table>

E usare questo stile

table {cellspacing:2px; cellpadding:2px; border:0;  width:600px; font-size:12px;}
table th {background-color:#0088c7; color:#fff; font-weight:bold; line-height:22px; margin:0; border-right:1px solid #000;}
table td {padding:6px 4px; margin:0; border-bottom:1px solid #414141}

Devi lavorare su una table, gli dai le proprietà che vuoi...fammi sapere...
Ciao ciao

lordz

Ciaoo! Inanzitutto grazie per l'aiuto... [...]

Comunque sia veniamo a noi...

ho sosituito la tua style con quella mia precendemente messa e il codice e' venuto bene o male cosi...


body{
padding:0px;
margin:0px;
background-color:#000000;
}

table {cellspacing:2px; cellpadding:2px; border:0;  width:600px;  font-size:12px;}
table th {background-color:#0088c7; color:#fff; font-weight:bold; line-height:22px; margin:0; border-right:1px solid #000;}
table td {padding:6px 4px; margin:0; border-bottom:1px solid #414141}

td { vertical-align:top;}

a:hover{text-decoration:none;}

img { border:0px;}

.main_text, table, li, input, textarea
    {
        font-family:sans-serif;
        font-size:12px;
        line-height:14px;
        color:#202020;
    }
    
span a { color:#D53600}
    
span strong { color:#D52600}
    
.l_text { color:#202020}
.l2_text { color:#202020; vertical-align:middle}
    
.c_text { color:#FFFFFF}
.c_text a{ color:#FFFFFF; text-decoration:none}
.c_text a:hover{ color:#FFFFFF; text-decoration:underline}

.no_class, form, .no_class td
    {
        width:auto;
        height:auto;
        margin:0px;
        padding:0px;
        border:0px;
        
    }

.input    {width:231px; height:21px; background-color:#F5DEB3; padding-left:5px}

textarea{border:1px solid #A8A079; width:231px; height:174px; background-color:#F5DEB3; padding-left:5px; overflow:hidden}

ul {margin:0; padding:0; list-style:none}
li  {background:none; margin:0; padding:0px}
li a  {font-family:Tahoma; font-size:12px; line-height:18px; color:#D52600}

.ul2 li  {background:none; margin:0; padding:0px}
.ul2 li a  {font-family:Tahoma; font-size:12px; line-height:18px; color:#202020}

```Ma la situazione cmq non cambia... anzi tutta l'intera pagine web mi viene visualizzata a casaccio...un vero e proprio macello... :cry::cry::cry:

ripento ancora... se vuoi visualizzare il sito è ( cittadimontesilvanoc5 punto com )
Nella sezione CATEGORIE .. li vedrai la tabella... che su IE viene visualizzata male... invece su FIREFOX viene visualizzata perfettamente.. =)

misterwo

tu hai altre tabelle e quindi devi dare una classe alla tabelle e personalizzare il css; così come fai è logico che tutto si sballi, 1 copia incolla così nn devi farli
leva table da quel gruppo di tag...

Una volta che hai dato una classe alla tabella e poi personalizzato il css prova a rivedere e comunque guarda che il mio style era di esempio, poi lo devi comunque customizzare...non puoi inserire una table a 600 px così alla buona...

fammi sapere...

lordz

Riekkomi! Sono stato fuori per lavoro ma alla fine eccomi qui!!!! xD
Allora sai come ho risolto.... per la tabella ne ho fatta una molto piu bella ed elegante creando un nuovo Style.css e associandolo alla tabella con dreamweaver.... lo chiamato Style2.css visto che l'attuale Style.css organizza tutta l'altra grafica esclusa le tabelle... per la tabella ora e' apposto.... ma siamo sempre a punto e da capo... cioe'... con IE non ne vuole proprio sapere di partire.....


.bellatavola {border-collapse: collapse;}
.testatavola
{margin: 4px; padding: 7px; border: 1px solid #336699; background-color:; font-family: verdana,arial,serif; color:#ffffff; font-size: 7pt; font-weight: bold;}
.rigatavola
{margin: 4px; padding: 4px; border: 1px solid; background-color: #ffffff; font-family: verdana,arial,serif; color: #000000; font-size: 8pt; font-weight: bold; text-align: justify;}

```Questa e' la nuova tabella e questo e' lo style di default per tutto il resto della grafica del sito... ma con IE si vede malissimo.....

body{
padding:0px;
margin:0px;
background-color:#000000;
}

table {
width:100%;
height:100%;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}

a:hover{
text-decoration:none;
font-weight: normal;
}

img { border:0px;}

.main_text, table, li, input, textarea
{
font-family:sans-serif;
font-size:12px;
line-height:14px;
color:#202020;
}

span a { color:#D53600}

span strong { color:#D52600}

.l_text { color:#202020}
.l2_text { color:#202020; vertical-align:middle}

.c_text { color:#FFFFFF}
.c_text a{ color:#FFFFFF; text-decoration:none}
.c_text a:hover{ color:#FFFFFF; text-decoration:underline}

.no_class, form, .no_class td
{
width:auto;
height:auto;
margin:0px;
padding:0px;
border:0px;

.input {width:231px; height:21px; background-color:#F5DEB3; padding-left:5px}

textarea{border:1px solid #A8A079; width:231px; height:174px; background-color:#F5DEB3; padding-left:5px; overflow:hidden}

ul {margin:0; padding:0; list-style:none}
li {background:none; margin:0; padding:0px}
li a {font-family:Tahoma; font-size:12px; line-height:18px; color:#D52600}

.ul2 li {background:none; margin:0; padding:0px}
.ul2 li a {font-family:Tahoma; font-size:12px; line-height:18px; color:#202020}


I miei CSS sono validati all 100% quindi senza errori....
Possibile che questo problema non venga risolto? Grrrrrrrrrrrrr

lordz

Vedo che siete dei professionisti del css.

wolf.otakar

Ciao LoRdZ,

il forum non è un servizio di consulenza, ed ha tempi tecnici di risposta che possono anche non essere immediati; se necessiti di una consulenza più tempestiva puoi utilizzare le "Consulenze GT".