Problemi con i CSS e le tabelle

[della64]

Ciao ragazzi, ho un problema con le proprietà dei CSS, cercherò di essere + chiaro e preciso possibile.
Ho una tabella, nella quale vi sono celle, che hanno a volte, un'altezza di 3 o 4 pixel e le proprietà della classe CSS ad esse associata, prevede un colore sfondo azzurro ed un bordo al lato sinistro o destro o ad entrambi, nero e di un solo pixel di spessore, come viole il codice sotto riportato:

.separatore_azzscuro_bottonimenu
    {
    background-color: #09F;
    border-right-color: #000;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: #000;
    border-left-style: solid;
    border-left-width: 1px;
    } 

il problema è semplice: per rendere la riga effettivamente alta 4 pixel, devo togliere, dall'HTML il comando (che poi è lo spazio) e se lo tolgo, la riga mi diventa, si, alta 4 pixel come voglio io, ma mi perde le proprietà dei bordi, quindi, vedo solo una riga alta 4 pixel, con sfondo azzurro ma senza alcun bordo. Se riaggiungo , vedo il colore di sfondo e i bordi della riga, ma il problema è che la riga non è + alta 4 pixel, ma almeno 20 e non va bene così, come posso fare? Grazie anticipatamente.

[cristiano_longo]

aggiungi

empty-cells : show;

nello stile di TABLE. E non mettere lo spazio nelle celle vuote.

[della64]

ciao, grazie mille per il suggerimento.
Nelle classi dove ci sono i bordi, cioè dove prima avevo il problema, ho aggiunto il comando che mi hai segnalato tu:

empty-cells: show;

ora tutto funziona al meglio, per quel che riguarda Netscape 7.1, mentre IE 5.0 sembra non essere in grado di riconoscere questo comando, e infatti anche se lo applico, non cambia nulla, proverò a cercare sulla bibbia dei CSS un comando simile che possa andare bene anche per il browser Msoft.
cmq grazie ancora, sei stato molto gentile
ciao

[della64]

umh....ho messo a soqquadro l'intero W3C, ma non viene menzionato alcun problema di compatibilità del comando empty-cells: show; con IE 5, quindi forse ho sbagliato io ad implementare qualcosa...dunque:

nella tabella "incriminata" ho eliminato tutti gli spazi e i poi in tutte le classi CSS che prevedono bordi, ho aggiunto il comando empty cells. Per precauzione posto la sezione che prevede bordi del mio CSS:

.sfondoazzurroscuro_sxmenu
    {
    background-color: #09F;
    border-left-color: #000;
    border-left-style: solid;
    border-left-width: 1px;
    empty-cells: show; 
    }

.sfondoazzurro
    {
    background-color: #9CF;
    }

.separatore_azzscuro_bottonimenu
    {
    background-color: #09F;
    border-right-color: #000;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: #000;
    border-left-style: solid;
    border-left-width: 1px;
    empty-cells: show; 
    }

.bordineri_bottonimenu
    {
    border-top-color: #000;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    empty-cells: show; 
    }

.sfondoazzurro_scuro
    {
    background-color: #09F;
    }

.sfondonero
    {
    background-color: #000;
    }

.bordonero_center
    {
    border-right-color: #000;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    empty-cells: show; 
    }

.bordonero_menudx_basso
    {
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    empty-cells: show; 
    }

.bordonero-sfondoazzscuro_menu_basso
    {
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #09F;
    empty-cells: show; 
    } 

spero possiate darmi una mano. ciao

[cristiano_longo]

Un'altra cosa che puoi fare e' specificare il border model per la tabella

table{
  empty-cells : show; 
  border-collapse: collapse;
}

[della64]

ciao, sono riuscito a risolvere il problema, grazie mille dell'aiuto
ciao, a presto