Duvida de CSS Urgente [RESOLVIDO]

2 respostas
B

Bom dia pessoal, tudo bem???

Estou com uma pagina de exemplo para entender melhor o funcionamento de CSS e no tutorial que encontrei tinha alguns exemplos...

Acontece que tem algumas coisas que nao estao funcionando.

Seguem os códigos, se alguem conseguir me ajudar e fazer funcionar...

Valew!

<html> 
<head>
	<title> Título da página </title>
	<LINK REL="stylesheet" HREF="exemplo.css">
</head>
<body>
	<h1>Usando Classes e IDs</h1>
	<h2>Subtítulo</h2>
	<p id=?par1? class=?texto?> Texto 1 </p>
	<p id=?par2? class=?texto?> Texto 2 </p>
	<p id=?par3? class=?outrotexto?> Outro texto! </p>
	<p> Texto conforme padrão do navegador.</p>
</body>
</html>

exemplo.css:

h1, h2 {color: red; font-family:arial }

h2 {font-size: 24}

p {font-weight:bold; font-size:18pt; }

.texto {color: blue;} /* Isto aqui nao funciona*/

#par2  {color: green;} /* Isto tambem nao */

Valew pessoal!

Abraços!

2 Respostas

wbdsjunior
bruno.couraos:
Bom dia pessoal, tudo bem???

Estou com uma pagina de exemplo para entender melhor o funcionamento de CSS e no tutorial que encontrei tinha alguns exemplos...

Acontece que tem algumas coisas que nao estao funcionando.

Seguem os códigos, se alguem conseguir me ajudar e fazer funcionar...

Valew!

<html> 
<head>
	<title> Título da página </title>
	<LINK REL="stylesheet" HREF="exemplo.css">
</head>
<body>
	<h1>Usando Classes e IDs</h1>
	<h2>Subtítulo</h2>
	<p id=?par1? class=?texto?> Texto 1 </p>
	<p id=?par2? class=?texto?> Texto 2 </p>
	<p id=?par3? class=?outrotexto?> Outro texto! </p>
	<p> Texto conforme padrão do navegador.</p>
</body>
</html>

exemplo.css:

h1, h2 {color: red; font-family:arial }

h2 {font-size: 24}

p {font-weight:bold; font-size:18pt; }

.texto {color: blue;} /* Isto aqui nao funciona*/

#par2  {color: green;} /* Isto tambem nao */

Valew pessoal!

Abraços!


aqui funcionou numa boa tanto Internet Explorer quanto no Firefox.

verifique se o problema não são esses "?".
<html>
	<head>
		<title> Título da página </title>
		<style>
			h1, h2 {color: red; font-family: arial}
			h2 {font-size: 24}
			p {font-weight:bold; font-size: 18pt;}
			.texto {color: blue;}
			#par2 {color: green;}
		</style>
	</head>
	<body>
		<h1>Usando Classes e IDs</h1>
		<h2>Subtítulo</h2>
		<p id="par1" class="texto"> Texto 1 </p>
		<p id="par2" class="texto"> Texto 2 </p>
		<p id="par3" class="outrotexto"> Outro texto! </p>
		<p> Texto conforme padrão do navegador.</p>
	</body>
</html>
B

Beleza, ja descobri o problema…

Eram as aspas duplas mesmo… estavam de uma forma estranha, não sei o que o editor fez… mas ai eu abri no notepad e coloquei aspas simples e funcionou tudo!

Vlw!

Criado 1 de abril de 2009
Ultima resposta 1 de abr. de 2009
Respostas 2
Participantes 2