Rodrigo Gomes Da Silva Postado Novembro 4, 2015 Denunciar Share Postado Novembro 4, 2015 Galera estou com uma duvida que é a seguinte criei uma classe tabela, porém coloquei no css a class.tabela { atributos } ; para alterar os dados da tabela linhas , alinhamento, background e etc.para td a mesma coisa table.tabela td{ tributos } ;porém criei um cabeçalho h1 dentro do código igual segue no anexo mais não estou conseguindo edita-lo, estou tentando da seguinte forma;table. tabela h1{atributos}segue como estou fazendo : HTML <!DOCTYPE html><html><head><meta charset="UTF-8"/><link rel="stylesheet" type="text/css" href="cabecalho.css"> <title></title></head><body><table class="tabela"><h1> Especificações Tecnicas </h1><caption> Nossos Produtos </caption><tr> <td> Sites </td> <td> R$299,00 </td></tr><tr> <td> Banes </td> <td> R$ 29,90 </td></tr><tr> <td> Cartões de Visita </td> <td> R$29,90 </td></tr><tr> <td> Montagem de Prpaganda </td> <td> R$ 200,00 </td></tr><tr> <td>Assistência 24 horas </td> <td> a combinar </td></tr> </table></body></html>Css @charset="UTF-8";table.tabela { font-family: arial; border: 1px solid black; font-size: 30px; border-spacing: 0px; /* espaço entre as celulas */ margin-left: auto; /* alinhamento de margem */ margin-right: auto; /* alinhamento de margem */ background-color: white;}table.tabela td{ border: 1px solid black; padding: 10px; text-transform: uppercase; color: rgb(18,216,240); list-style: none; }table.tabela h1{ color: red; text-align: center; } Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 wootzor Postado Novembro 6, 2015 Denunciar Share Postado Novembro 6, 2015 Para o elemento h1 assumir o estilo que definiste, tens de o pôr dentro da tabela:<table class="tabela"> <caption>Nossos Produtos</caption> <tr> <td colspan="2"> <h1>Especificações Tecnicas</h1> </td> </tr> <tr> <td>Sites</td> <td>R$299,00</td> </tr> <!-- (...) --> </table>Exemplo. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Rodrigo Gomes Da Silva
Galera estou com uma duvida que é a seguinte
criei uma classe tabela, porém coloquei no css a class.tabela { atributos } ;
para alterar os dados da tabela linhas , alinhamento, background e etc.
para td a mesma coisa table.tabela td{ tributos } ;
porém criei um cabeçalho h1 dentro do código igual segue no anexo mais não estou conseguindo edita-lo, estou tentando da seguinte forma;
table. tabela h1{
atributos
}
segue como estou fazendo :
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="cabecalho.css">
<title></title>
</head>
<body>
<table class="tabela">
<h1> Especificações Tecnicas </h1>
<caption> Nossos Produtos </caption>
<tr> <td> Sites </td> <td> R$299,00 </td></tr>
<tr> <td> Banes </td> <td> R$ 29,90 </td></tr>
<tr> <td> Cartões de Visita </td> <td> R$29,90 </td></tr>
<tr> <td> Montagem de Prpaganda </td> <td> R$ 200,00 </td></tr>
<tr> <td>Assistência 24 horas </td> <td> a combinar </td></tr>
</table>
</body>
</html>
Css
@charset="UTF-8";
table.tabela {
font-family: arial;
border: 1px solid black;
font-size: 30px;
border-spacing: 0px; /* espaço entre as celulas */
margin-left: auto; /* alinhamento de margem */
margin-right: auto; /* alinhamento de margem */
background-color: white;
}
table.tabela td{
border: 1px solid black;
padding: 10px;
text-transform: uppercase;
color: rgb(18,216,240);
list-style: none;
}
table.tabela h1{
color: red;
text-align: center;
}
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.