Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cassius_fpu

CSS tá falhando

Por , em Desenvolvimento frontend

Recommended Posts

cassius_fpu    0

cassius_fpu
Postado

Boa noite moçada,Criei uma pagina com com a folha de estilo linkada externamente. Criei duas classes para o elemento <p>, uma para ajustar as margens do meu conteúdo a outra para ajustar as margens do meu box menu. Toda vez que incluo alguma alteração na classe de ajuste do menu não acontece nada...Alguém sabe me dizer o q tah acontecendo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

~micka    0

~micka
Postado

Coloque o css para que possamos verificar se existe algum erro, está difícil identificar o que ocorre

 

Porém acho que isso é o que chamam de efeito cascata, a última regra que você setou no css é a que valerá na hora da renderização, exemplo

 

p {		margin: 10px;		background-color:#FF999;	}	[...]	p {		margin: 2px;	}

Se uma tag <p> fosse escrita no html ela teria: margem de 2px e bgcolor #FF9999

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

~micka, pelo que ele disse no post foram criadas duas classes, mas como você mesmo disse, precisa de mais "material" para ver o que está acontecendo.

 

cassius_fpu, leia o seguinte link:

Como criar um tópico para o seu problema.

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassius_fpu    0

cassius_fpu
Postado

O HTML:

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>	<title>Documento sem título</title>	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />	<link type="text/css" rel="stylesheet" href="css/css1.css"></head><body>	<div class="menu">		<p class="AjusteMenu"><h3>Menu</h3>		Agradecimentos<br />Apoio<br />Contato<br />		</p>	</div>		<div class="conteudo">		<h1>Para acentuação de proparoxítonas</h1>		<p class="AjusteConteudo">Um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo, um xuri naum dah lam ps ditongo.		</p>	</div>		<div class="publicidade">			<h3>Propaganda</h3>		<p class="AjustePublicidade">		Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! Compre BATON, seu filho merece BATON! 				</p>			</div>	</body></html>

O CSS:

/* CSS Document */body /*Background utilizado em todas as páginas*/{background-color: green;background-image: url("../imagem/FundoSite.gif");background-repeat: repeat;}h1,h2 /*Configura o padrão dos cabeçalhos principais em todas as páginas*/{color: white;font-family: "Times New Roman", serif;}div.menu{float: left;width: 15%;}div.conteudo{float: left;width: 70%;}div.publicidade{float: left;width: 15%;}p.AjusteMenu{color: red;margin-top: 80%;margin-rigth: 2%;margin-bottom: 5%;margin-left: 1%;}p.AjusteConteudo{margin-top: 5%;margin-rigth: 2%;margin-bottom: 5%;margin-left: 10%;}p.AjustePublicidade{background-color: red;margin-top: 5%;margin-rigth: 2%;margin-bottom: 2%;margin-left: 5%;}

Do bloco do menu só consigo editar "margin-top"...

Compartilhar este post

Link para o post
Compartilhar em outros sites

netShot    1

netShot
Postado

faz assim, primeiro vamos "zerar" as margens e espacamentos padroes

 

usando

 

* {	margin  : 0px;	padding : 0px;}
por exemplo, troque isso :

 

p.ajusteconteudo{	margin-top		: 	5%;	margin-right	:	2%;	margin-bottom	: 	5%;	margin-left		: 	10%;}
por isso :

 

p.ajusteconteudo{	margin			:	5% 2% 5% 10%;/*	margin 			: 	top right bottom left;	*/}
outra coisa, você estava usando margin-rigth onde na verdade é margin-right

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito