mostrare tabella vuota

**c550** · 11-11-2013, 15:43

Ciao ragazzi, è possibile in html (con l'aiuto dei css) mostrare a video una tabella con tutte le celle vuote?

Per farvi capire:

codice:

<table>
 <tr>
   <td></td>
   <td></td>
 </tr>
</table>

Ovviamente senza utilizzare lo spazio o tag simili, solo con puro css.
Ho provato ad impostare una altezza o una larghezza minima, ma il risultato è sempre lo stesso: o la tabella non viene creata oppure è piatta. Grazie

**Mich_** · 11-11-2013, 15:49

Vedi la proprieta` CSS
empty-cells

Puo` avere i valori:
- hide
- show
- inherit

**c550** · 11-11-2013, 16:06

Ciao, grazie per la risposta. Il problema però e che io ho una tabella piatta. Le celle sono visibili, però sono schiacciate in altezza. Ho già provato quella proprietà (si assegna alla td, vero?) e non è cambiato niente

**Mich_** · 11-11-2013, 16:16

No.
empty-cells:show; si applica alla tabella.
Nel tuo caso dovrai metterlo, perche` la maggior parte dei brwoser non mostra le celle vuote se non c'e` tale proprieta`

Ai vari <td> dovrai applicare height, oppure min-height. Ad esempio:
min-height: 1.5em;
min-width: 10em;

E da qualche parte dovrai aver definito una misura del carattere, ad esempio nel body:
font-size:100%;

**c550** · 11-11-2013, 20:14

Ho scritto questo:

codice:

<!DOCTYPE html>
<html>
<head>
<style>
table
{
  border-collapse:collapse;
  empty-cells:show;


}
td {
  min-height: 50em;
  min-width: 10em;
}


</style>
</head>


<body>
<table border="1">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>


</body>
</html>

Però il risultato è sempre lo stesso

**Mich_** · 12-11-2013, 09:40

Anzitutto in quel codice c'e` un errore di logica: se usi i CSS per la formattazione devi eliminare la formattazione HTML (nel tuo caso border=1), altrimenti le due cose vanno in conflitto e browser diversi risolvono i conflitti in modo diverso.

Poi il tag <style> manca di attributi obbligatori (type): anche in questo caso browser diversi interpretano in modo diverso.

Dovresti anche dire in quali brwoser stai testando, perche` quel codice dovrebbe funzionare in tutti i browser, ma i browser sono molti e diversi.

Se hai ancora problemi, dovresti postare il link, perche` vedere la pagina in azione e` piu` facile capire gli errori.

PS: nota che height:50em e` una altezza enorme (puo` riempire meta` finestra o anche piu`).

**c550** · 12-11-2013, 11:01

Originariamente inviata da Mich_

Anzitutto in quel codice c'e` un errore di logica: se usi i CSS per la formattazione devi eliminare la formattazione HTML (nel tuo caso border=1), altrimenti le due cose vanno in conflitto e browser diversi risolvono i conflitti in modo diverso.

Poi il tag <style> manca di attributi obbligatori (type): anche in questo caso browser diversi interpretano in modo diverso.

Dovresti anche dire in quali brwoser stai testando, perche` quel codice dovrebbe funzionare in tutti i browser, ma i browser sono molti e diversi.

Se hai ancora problemi, dovresti postare il link, perche` vedere la pagina in azione e` piu` facile capire gli errori.

PS: nota che height:50em e` una altezza enorme (puo` riempire meta` finestra o anche piu`).

Tutte le tue considerazioni sono corrette, e nella pagina non avevo fatto questi errori. Il problema dipende (credo) dal fatto che le tabelle non supportano l'attributo min/max-/height/width.

Ho provato ad ovviare a questo problema inserendo un display:block, ma sembra che non venga eseguito.

http://www.wti.netsons.org/public/file.php

**c550** · 12-11-2013, 10:56

Tutte le tue considerazioni sono corrette, nella pagina avevo scritto tutto correttamente, ma questo non cambia il risultato.
Qui trovi il link: http://www.wti.netsons.org/public/file.php

Discussione: mostrare tabella vuota

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

mostrare tabella vuota

Permessi di invio