Problema allineamento tabelle

[zacca94]

---> http://img524.imageshack.us/img524/8461/cssn.png


Vorrei far in modo che:

- le <td> contenti i permessi fossero più corte ( che tengano giusto la lunghezza di 5 caratteri );

- le <td> contente i nomi fossero più lunghe in modo da ricoprire lo spazio perso da quelle contenti i permessi;

- le <td> contenti i nomi non sballassero ( es. vedere gli eseguibili );



Ecco l'html delle directory:

<table>
    <tr>
        <td class="a">[img]img.gif[/img]</td>
        <td class="b">[url="/apache/"]apache[/url]
        <td class="c">0777</td></td>
    </tr>
</table> 

Ecco l'html dei file:

<table>
    <tr>
        <td class="a">[img]?img=ext_exe[/img]</td>
        <td class="b">[url="#"]EasyPHP.exe[/url]</td>
        <td class="c"><font color="#00FF00">0777</font></td>
        <td class="d"> [url="?mode=delete&file=EasyPHP.exe"][img]?img2.gif[/img][/url][url="?mode=edit&file=EasyPHP.exe"][img]?img3.gif[/img][/url][url="?mode=download&file=EasyPHP.exe"][img]?img3.gif[/img][/url]</td>
    </tr>
</table> 

Ed ecco il codice css:

    td.a
    {
        width:                3%;
        border:             1px solid #FFFFFF;
    }
    
    td.b
    {
        width:                70%;
        border:             1px solid #FFFFFF;
        font-size:            12px;
    }
    
    td.c
    {
        width:                100;
        border:             1px solid #FFFFFF;
        font-size:            12px;
    }
    
    td.d
    {
        width:                11%;
    } 

Scusate se avrò fatto mille errori, ma i css li ho utilizzati la prima volta ieri per questo progetto...

[Mich_]

Prima di sbattere la testa sui muri, ti consiglio di passare dai validatori:
validatore HTML
validatore CSS
Nel tuo caso avresti gia` trovato che
width: 100;
non ha significato in molti browser (manca l'unita` di misura).

Anche il codice HTML contiene elementi non innestati correttamente. A quel punto non e` prevedibile come i browser interpretino i CSS relativi.

Nella tua marcatura, mancano alcuni elementi, che servono per agevolare la formattazione:
<col> e/o <colgroup>, da inserire dopo il <table> e prima del primo <tr>.
La formattazione puoi applicarla solo a tali elementi, e poi la tabella dovrebbe venir formattata in modo corretto senza dover inserite le classi per ogni <td>.

Comunque mi par di capire che:
1. Il primo elemento contiene un'immagine; le immagini sono definite in px, quindi la cosa piu` semplice e` definirne le dimensioni in px.
2. Vuoi che le celle siano sempre inserite, anche se non contengono nulla: per questo i CSS hanno l'attributo empty-cells, che ti consiglio di usare.
3. Di solito e` complicato mescolare formattazione in px e in % (non conosci a priori la larghezza del contenitore). Nel tuo caso puoi definire le larghezze di tutti i campi in px, oppure puoi definire i campi con scritte in em, ed i campi con immagini in px.
L'altezza andrebbe definita in em, con eventualmente un min-height in px (per farci stare l'immagine in caso di caratteri piccoli).