o htm não reconhece o css exceto por um comando.
Galera, se puderem ajudar... Eu estou fazendo um site basico. Só que agora o CSS não está moldando o site conforme os elementos que atribuo (nao sei se estou usando os termos corretos), exceto pelo "a.aba:hover" e "a.titulo:hover". Segue o que eu fiz:
HTM:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Fotocronografias</title>
<link rel="stylesheet" type="text/css" href="layout.css" />
</head>
<body>
<h1><b><a href="home.htm" class="titulo">Fotocronografias</a></b></h1>
<hr>
<h2><a href="home.htm" class="aba">HOME</a>
<a href="publicacoes.htm" class="aba">PUBLICAÇÕES</a>
<a href="apresentacao.htm" class="aba">APRESENTAÇÃO</a>
<a href="submissao.htm" class="aba">SUBMISSÃO</a>
<a href="expediente.htm" class="aba">EXPEDIENTE</a>
<a href="contato.htm" class="aba">CONTATO</a></h2>
<a href="arquivo apoio 2.htm" class="imagem"><img src="imagem publicacao ramdon 1.jpg" class="imagem" title="A Batalha do Mercado é um evento ligado à cultura Hip Hop em Porto Alegre e acontece desde dezembro de 2011 nos arredores do Mercado Público, seu principal cenário, também tendo o Chalé da Praça XV, o Largo Glênio Peres e terminal de ônibus da Praça Parobé com elementos constitutivos dessa manifestação cultural no cenário urbano do Centro Histórico de Porto Alegre." alt="Capa Mcs"/></a>
<a href="arquivo apoio.htm" class="imagem"><img src="imagem publicacao 1.jpg" class="imagem" title="Essa exposição foi concebida a partir de um trabalho realizado como forma de avaliação para a disciplina de Antropologia Visual e da Imagem, cursado no primeiro semestre de 2011, sob a orientação das Professoras Dra. Juliana Cavilha e Viviane Vedana. Nosso processo de trabalho consistiu em idas semanais até o estúdio EduTattoo." alt="Placa Castelo Branco" /></a>
</body>
</html>CSS
@charset "UTF-8";
/ CSS Document /
body
<!--formato da pagina em geral-->
{
background-color: #000000;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 70px;
}<!--atribuí o 'h1' para o nome da pagina web-->
h1
{
color:#FFFFFF;
font-family: Garamond, Georgia, serif; font-style:oblique;
font-size: 40px;
text-transform:uppercase;
align-content:center;
margin-left: 1000px;
margin-bottom: 50px;
}<!--atribuí o 'h2' para os links das paginas internas principais-->
h2
{
color:#FFFFFF;
font-family: Garamond, Georgia, serif; font-style:oblique;
font-size: 26px;
text-transform:uppercase;
align-content:center;
margin-bottom: 50px;
}<!--atribuí o 'p' para o nome da pagina web-->
p
{
color:#FFFFFF;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
text-align: justify;
margin-bottom: 0.5em;
}<!--atribuí o 'a.aba' se refere aos links principais das sessões e no de baixo consiste em um efeito das mesmas para destaque visual-->
a.aba
{
color:#FFFFFF;
text-decoration:none;
align-items:center;
margin-left: 250px;
}a.aba:hover
{
color: #F39A4D
}
<!--atribuí o 'a.titulo' se refere aos efeitos do titulo da pagina web-->
a.titulo
{
color:#FFFFFF;
text-decoration:none;
align-items:stretch;
}a.titulo:hover
{
color: #F39A4D
}
h1 {
color: #000000;
font-family: Garamond, Georgia, serif;
}<!--atribuí o '.imagem' para formatar as imagens. Aqui ainda preciso fazer as caixas fotografias que o fabricio pediu sem cortar a imagem-->
.imagem
{
width:50%;
height:50%;
display:block;
margin-left: 490px;
margin-bottom: 10px;
}Ressalto que a ultima vez que acessei deu tudo certo. Estou usando dreamweaver.
Discussão (2)
Carregando comentários...