Resulta que este archivo css esta guarado con el nombre de listas.css es este:
Código css:
Ver original#lista { border-collapse: collapse; border: 1px solid #777; margin: 0; padding: 0; text-align:center;}
#lista h2 { font-weight:normal; display: none; color:#000000; font-family:"Times New Roman", Times, serif; font-size:16px;}
#lista th { border: 1px solid #aaa; background-color: #990000; color: #fff; text-align: center; padding: 0.25em; font-size: 110%; }
#lista td {border: 1px solid #000; padding: 0.4em; }
.lista1 td {border-top: 5px solid #000; border-bottom: 5px solid #000; padding: 0.4em; }
.lista2 { border-left: 5px solid #000; padding: 0.4em; }
.lista3 { border-right: 5px solid #000; padding: 0.4em; }
#carlos{
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif;
background:#EEEEEE;
text-align:center;
font-weight:bolder;
}
No me funciona asi pero cuando guardo en otro archivo css llamado carlos
asi
Código css:
Ver original#carlos{
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif;
background:#EEEEEE;
text-align:center;
font-weight:bolder;
}
Y llamo desde mi index principal asi
<link rel="stylesheet" type="text/css" href="css/carlos.css"/>
<link rel="stylesheet" type="text/css" href="css/listas.css" title="1024px style" media="screen,projection"/>
Funciona pero la duda es pq no funciona cuando guardo el un solo archivop y llamo por el id carlos
<table border="0" align="center" id="lista" >
<tr> <th colspan="14"> Resultados de la Busqueda </th></tr>
<tr>
<td id="carlos">ID</td>
<td id="carlos">Nombres</td>
????????????