problema con css

**felpone** · 06-02-2013, 14:06

Ciao,
praticamente questo css formatta solamente il testo nell th della tabella ma quello nel body non lo formatta e non capisco il perchè.Per il resto funziona tutto.

codice:

#prod{
   width:80%;
   height:50%;
   font-family:georgia;
   border-collapse:collapse;
   border-bottom:0px solid rosybrown;
   border-top:0px solid rosybrown;
   border-left:0px solid rosybrown;
   border-right:0px solid rosybrown;
}

 #prod th{
  text-align:left;  
  background-color:transparent;
  color:white;
  height:40px;
  border-bottom:0px solid rosybrown;
}

  #prod td{
  background-color:white;
  
  padding:10px 15px 5px 5px;
  vertical-align:top;
  
  
}

**Prill** · 06-02-2013, 15:09

la formattazione applicata alle celle d'intestazione (th) vale solo per le celle di intestazione, così quella per le celle semplici vale solo per quelle. Cosa non riesci a impostare di preciso?

Inoltre, anche se non c'entra col problema, perché impostare un bordo colorato di zero pixel? Usare il nome di colori è sconsigliabile, da sostituire col valore esadecimale (se cerchi html rosybrown su google dovresti trovare delle tabelle coi codici).
I tuoi bordi potrebbero diventare:
border:0

**felpone** · 06-02-2013, 15:29

Praticamente il font-family che vedi nell #prod ha effetto solo nel th e non nei td.Anche se provo a scrivere un font-family direttamente per il td non funziona

**Prill** · 08-02-2013, 13:13

A me il tuo codice funziona correttamente. Copia e incolla e verifica:

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=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#prod{
   width:80%;
   height:50%;
   font-family:Georgia, "Times New Roman", Times, serif;
   border-collapse:collapse;
   border:none;
   background-color:#33CC33
}

 #prod th{
  text-align:left;  
  background-color:transparent;
  color:#fff;
  height:40px;
}

#prod td{
  background-color:#fff;
  padding:10px 15px 5px 5px;
  vertical-align:top; 
}
-->
</style>
</head>

<body>
<table id="prod">
 <tr>
  <th>cella intestazione</th>
 </tr>
 <tr>
  <td>cella semplice</td>
 </tr>
</table>
</body>
</html>

C'è qualcos'altro che interfirisce ma non nel codice che hai postato. Controlla di non avere definito nel css, successivamente, un carattere diverso per td. O che all'interno delle celle tu non abbia elementi per cui siano specificati caratteri diversi. Se il problema persiste, posta il codice completo (css e html)

Discussione: problema con css

Strumenti discussione

Ricerca discussione

Visualizza

problema con css

Permessi di invio