No se que pasa con mi css

[vili86]

Hola amigos tengo este estilo:

Código css:

/* CSS Document */
#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; } 
 
#subtitulo{
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif;
background:#EEEEEE;
text-align:center;
font-weight:bolder;
}
 

Cuando llamo como id subtitulo no hace la orden de estilo PQ

Código html:

<table border="0" align="center" id="lista" >
    <tr> <th colspan="14"> Resultados de la Busqueda </th></tr>
    <tr>
    <td id="subtitulo">ID</td>
    <td id="carlos">Nombres</td>
 

Me hace el css de lista pero de subtitulo no ????

[Mikmoro]

El problema lo debes tener en otra parte; ese código funciona perfectamente.

[vili86]

Resulta que este archivo css esta guarado con el nombre de listas.css es este:

Código css:

#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:

#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>

????????????

[Mikmoro]

Viendo sólo eso ni lo imagino, pero sí te digo que no debes usar dos veces un ID, ya que debe ser un identificador único:

<td id="carlos">ID</td>
<td id="carlos">Nombres</td>