1

Minha tabela:

<table id="tabela">
    <th id="cabecalho" >Ação</th>
    <tr id = "linAcao" >    
        <td><a href="#"><img src="Acao.jpg" title=""/></a></td>
        <td></td>
    </tr>

    <th id="cabecalho" >Comedia</th>
    <tr id = "linComedia">
        <td><a href="#"><img src="Comedia.jpg" title=""/></a></td>
        <td></td>
    </tr>

    <th id="cabecalho" >Terror</th> 
    <tr id = "linTerror" > 
        <td><a href="#"><img src="Terror.jpg" title=""/></a></td>
        <td></td>
    </tr>

    <th id="cabecalho" >Drama</th>
    <tr id = "linDrama" > 
        <td><a href="#"><img src="Drama.jpg" title=""/></a></td>
        <td></td>
    </tr>

    <th id="cabecalho" >Romance</th>
    <tr id = "linRomance" > 
        <td><a href="#"><img src="Romance.jpg" title=""/></a></td>
        <td></td>
    </tr>
</table>
2
  • Qual é o erro que está dando? Commented 23/05/2014 às 18:05
  • 3
    Seu HTML é inválido, <th> precisa estar dentro de uma <tr>.
    – bfavaretto
    Commented 23/05/2014 às 18:08

2 Respostas 2

5

Como já mencionado pelo @Andorinha, antes de mais nada vamos trocar os ids por class:

...
<th class="cabecalho" >Ação</th>
...
<th class="cabecalho" >Comédia</th>
... etc

Apesar de a maioria dos browsers por padrão centralizarem os th, isto não é garantido que sempre vá acontecer (até por uma possível definição anterior em outro css). Assim, o ideal é acrescentar uma entrada explícita no css que garanta isso:

.cabecalho {text-align: center}
0
3

Como o @bfavaretto disse no comentário, corrigindo o html:

Resposta em visualização aqui

E também é inválido usar o id cabecalho para todos os <th> mude para class:

<table id="tabela">

    <tr id = "linAcao" >    
        <th class="cabecalho" >Ação</th>
        <td><a href="#"><img src="Acao.jpg" title=""/></a></td>
        <td></td>
    </tr>


    <tr id = "linComedia">
        <th class="cabecalho" >Comedia</th>
        <td><a href="#"><img src="Comedia.jpg" title=""/></a></td>
        <td></td>
    </tr>


    <tr id = "linTerror" > 
        <th class="cabecalho" >Terror</th> 
        <td><a href="#"><img src="Terror.jpg" title=""/></a></td>
        <td></td>
    </tr>


    <tr id = "linDrama" > 
        <th class="cabecalho" >Drama</th>
        <td><a href="#"><img src="Drama.jpg" title=""/></a></td>
        <td></td>
    </tr>


    <tr id = "linRomance" > 
        <th class="cabecalho" >Romance</th>
        <td><a href="#"><img src="Romance.jpg" title=""/></a></td>
        <td></td>
    </tr>
</table>

Veja o porque não usar o mesmo ID para vários elementos, aqui Class e Ids

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .