Applicare un bordo a una tabella

**Alhazred** · 08-10-2009, 19:05

Sto provando a fare una cosa stupidissima, ma che non mi funziona.
ho una tabella definita così:
<table width="50%" class="conbordo">

bene, nel file css associato a tale pagina ho inserito
.conbordo {
border-style: solid;
border-width: thin;
}

non appare il bordo, mentre se dichiaro la tabella così
<table width="50%" style="border-style: solid; border-width: thin;">
il bordo viene visualizzato.

Il file css è linkato correttamente all'interno del file html, infatti se all'inizio di .conbordo aggiungo background-color: aqua; lo sfondo della tabella viene colorato, se lo metto dopo le altre due righe però, questa terza viene ignorata.

Qual è il motivo?

**miki003** · 08-10-2009, 19:15

così funziona!

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
.conbordo {
border-style: solid;
border-width: thin;
}
-->
</style></head>

<body>

<table width="50%" border="0" cellspacing="0" cellpadding="0" class="conbordo">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

</body>
</html>

**Alhazred** · 08-10-2009, 19:26

Si, così funziona.

**Mich_** · 09-10-2009, 08:47

Attenzione a mescolare formattazione HTML e CSS: possono andare in conflitto, e la risposta ai conflitti e` diversa per ogni browser.

Quindi sono da eliminare sia il
width="50%"
che i vari
border="0" cellspacing="0" cellpadding="0"

dopodiche` quanto descritto da Alhazred non ha molto senso, per cui sospetto un errore di sintassi.
E il modo piu` veloce per trovare gli errori di sintassi (sia nel codice HTML che nel CSS) e` usare i validatori.

PS: prova anche a definire esplicitamente uno spessore per i bordi:
border-width: ...

**ttcc** · 09-10-2009, 12:07

prova a scrivere nella classe anche il colore, diverso da bianco

Discussione: Applicare un bordo a una tabella

Strumenti discussione

Ricerca discussione

Visualizza

Applicare un bordo a una tabella

Permessi di invio