Impostare una tabella in CSS

[Cadmir]

Arieccomi qua XD
vi spiego il mio problema... ho intenzione di impostare un'intera tabella in CSS e ora vi spiegherò come. Intanto scrivo il codice HTML:

<table>
<tr>
<td class="upsx"></td>
<td class="up"></td>
<td class="updx"></td>
</tr>
<tr>
<td class="sx"></td>
<td><iframe name="pippo" frameborder="1"></iframe></td>
<td class="dx"></td>
</tr>
<tr>
<td class="downsx"></td>
<td class="down"></td>
<td class="downdx"></td>
</tr>
</table>

e questo è il CSS:

body {
background: black;
text-align: center;
font-family: Currier New, Times new roman, Verdana;
text-color: #FFFFFF;
}

table {
cellpadding: 0;
cellspacing: 0;
width: 250px;
height: 500px;
}

.upsx {
background-image: table/upsx.gif;
}

.up {
background-image: table/up.gif;
background-repeat: repeat-x;
}

.updx {
background-image: table/updx.gif;
}

.sx {
background-image: table/sx.gif;
background-repeat: repeat-y;
}

.dx {
background-image: table/dx.gif;
background-repeat: repeat-y;
}

.downsx {
background-image: table/downsx.gif;
}

.down {
background-image: table/down.gif;
background-repeat: repeat-x;
}

.downdx {
background-image: table/downdx.gif;
}

In pratica non mi si vede una mazza >.< Vedo solo l'iframe...
Qualcuno sa rispondermi?

[oronze]

ma la tabella l'hai riempita con dei dati? altrienti cosa ci vuoi vedere?

[Cadmir]

anche se ci metto le lettere il risultato non cambia... e poi le celle che contornano l'iframe devono essere vuote poichè devono fare da cornice...
Se hai un'altro modo per fare una cornice sono tutto orecchie

[Cadmir]

ecco come dovrà essere >.<

[Cadmir]

Nessuno proprio nessuno?

[Mich_]

Allora occorre iniziare dall'inizio.
Le tabelle sono fatte per inserire dati tabellari. In passato (prima che fossero inventati i CSS) veniva usata anche per formattare la pagina (impaginare).
Ma nel tuo caso servirebbe solo per creare un bordo, quindi una funzione solamente estetica.
Tanto piu` che a te basta un bordo arrotondato: anche per questo ci sono varie tecniche possibili

Se guardi tra i "link utili", ci sono vari argomenti che ti possono essere utili:
- angoli arrotondati
- layout

E torno un attimo su quanto hai detto:

poi le celle che contornano l'iframe devono essere vuote poichè devono fare da cornice...

Un elemento vuoto puo` venir ignorato dai browser: e` scritto espressamente nelle specifiche dell'HTML (viene usato dai CMS quando in un template non vengono utilizzati tutti i campi previsti).

Altro punto da considerare: l'uso di iframe.
E` un tag obsoleto, che e` stato eliminato dalle nuove versioni dell'HTML: crea un lavoro grosso al browser (e quindi al computer client) e limita l'accesso per chi non usa browser visivi su PC con grande schermo. Nel tuo caso e` assolutamente superfluo: ti basta formattare opportunamete la pagina.