Porque no me funcionan mis hojas de estilos Buenos dias con todos, conozco php pero muy poco de estilos espero alguien me pueda ayudar, bueno tengo una hoja de estilos definida de la sgt manera:
tabla.css
.tabla {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: right;
width: 600px;
}
.tabla th {
padding: 5px;
font-size: 16px;
background-color: #83aec0;
background-image: url(fondo_th.png);
background-repeat: repeat-x;
color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #558FA6;
border-bottom-color: #558FA6;
font-family: “Trebuchet MS”, Arial;
text-transform: uppercase;
}
.tabla .modo1 {
font-size: 12px;
font-weight:bold;
background-color: #e2ebef;
background-image: url(fondo_tr01.png);
background-repeat: repeat-x;
color: #34484E;
font-family: “Trebuchet MS”, Arial;
}
.tabla .modo1 th {
background-image: url(fondo_tr01a.png);
background-position: left top;
font-size: 12px;
font-weight:bold;
text-align: left;
background-color: #e2ebef;
background-repeat: repeat-x;
color: #34484E;
font-family: “Trebuchet MS”, Arial;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #A4C4D0;
border-bottom-color: #A4C4D0;
}
.tabla .modo2 {
font-size: 12px;
font-weight:bold;
background-color: #fdfdf1;
background-image: url(fondo_tr02.png);
background-repeat: repeat-x;
color: #990000;
font-family: “Trebuchet MS”, Arial;
text-align:left;
}
.tabla .modo2 td {
padding: 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #EBE9BC;
border-bottom-color: #EBE9BC;
}
.tabla .modo2 th {
background-image: url(fondo_tr02a.png);
background-position: left top;
font-size: 12px;
font-weight:bold;
background-color: #fdfdf1;
background-repeat: repeat-x;
color: #990000;
font-family: “Trebuchet MS”, Arial;
text-align:left;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #EBE9BC;
border-bottom-color: #EBE9BC;
}
-------------------------------------------------------------------------------------
y una tabla asi
<!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" />
<link href="tabla.css" rel="stylesheet" type="text/css" />
<title>Documento sin título</title>
</head>
<body>
<?php
echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"tabla\">";
echo "<tr>";
echo "<th>Fecha</td>";
echo "<th>Unidades Vendidas </td>";
echo "<th>Precio por unidad </td>";
echo "<th>IVA por unidad </td> </tr>";
echo "<tr class=\"modo1\">";
echo "<th>29/10/07</td>";
echo "<td>520</td>";
echo "<td>420 € </td>";
echo "<td>67,20 € </td>";
echo "</tr>";
echo "<tr class=\"modo2\">";
echo "<th>29/10/07</td>";
echo "<td>520</td>";
echo "<td>420 € </td>";
echo "<td>67,20 € </td>";
echo "</tr>";
echo "</table>";
?>
</body>
</html>
en php porque no lo carga?
----------------------------------------------------------------
pero cuando lo pongo asi en html si la carga, ayudenem gracias.
<!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" />
<link href="tabla.css" rel="stylesheet" type="text/css" />
<title>Documento sin título</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" class="tabla">
<tr>
<th>Fecha</td>
<th>Unidades Vendidas </td>
<th>Precio por unidad </td>
<th>IVA por unidad </td> </tr>
<tr class="modo1">
<th>29/10/07</td>
<td>520</td>
<td>420 € </td>
<td>67,20 € </td>
</tr>
<tr class="modo2">
<th>29/10/07</td>
<td>520</td>
<td>420 € </td>
<td>67,20 € </td>
</tr>
</table>
</body>
</html>
