Publicado em 30 de jun.

Problema com width HTML | CSS

Boa tarde,

Segue meu html, css e print do que está acontecendo. Não era pros articles ficarem com 100px?

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Projeto</title>

<link href="css\style.css" rel="stylesheet" />

</head>

<body>

<div id="conteudo">
	<div id="menu">
 menu
 </div>
 <div id="infos">
 infos
 </div>

 <div id="produtos">
 <div class="produtos">01</div>
 <div class="produtos">02</div>
 <div class="produtos">03</div>
 <div class="produtos">04</div>

 </div>

</div>
</body>
</html>

#conteudo{
	background: #FFF;
	widht: 850px;
	height: 1000px;
}

#menu{
	witdh: 850px;
	height: 40px;
	background: #333;

}

#infos{
	witdh: 850px;
	height: 600px;
	background: #EFEFEF;

}

#produtos{
	witdh: 350px;
	height: 250px;
	background: #FFF;
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	justify-content: space-around;

}

.produtos{
	witdh: 100px;
	height: 245px;
	background: #E9E9E9;
	margin: 5px;

}

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Omar~· 1 de jul.

Sua solução : <div clas="produtos">

	Regras CSS:

 Spoiler

<html>
	<head>
 <style>
 div {
 font-weight: bold
 }
 #identificador {
 color: blue
 }
 .atribuidor {
 color: green
 }
 </style>
	</head>
	<body>
 <div style="color:red">CSS não pode editar esse bloco porque tem grau de importância máxima (Recomendado só em cituações expecíficas)</div>
 <div id="identificador">CSS pode editar, mas pode não funcionar em disign complexos (Não recomendado em hipótese alguma!)</div>
 <div class="atribuidor">CSS pode editar e pode existir quantos quiser (Melhor aplicação)</div>
	</body>
</html>

  

	 

	DIV - ID usa-se uma tralha : **#**

	DIV - CLASS usa-se um ponto : **.**

Nhyl· 2 de jul.

Em 01/07/2017 at 09:53, OmarF disse:

 Sua solução : <div clas="produtos">

 Regras CSS:

 Mostrar conteúdo oculto

<html>
	<head>
 <style>
 div {
 font-weight: bold
 }
 #identificador {
 color: blue
 }
 .atribuidor {
 color: green
 }
 </style>
	</head>
	<body>
 <div style="color:red">CSS não pode editar esse bloco porque tem grau de importância máxima (Recomendado só em cituações expecíficas)</div>
 <div id="identificador">CSS pode editar, mas pode não funcionar em disign complexos (Não recomendado em hipótese alguma!)</div>
 <div class="atribuidor">CSS pode editar e pode existir quantos quiser (Melhor aplicação)</div>
	</body>
</html>

  

  

 DIV - ID usa-se uma tralha : **#**

 DIV - CLASS usa-se um ponto : **.**

	 

	Troquei o nome da class para "produto", sem o "s" - Ajustei no CSS para ".produto" e ainda não deu... =/

Kosonome· 3 de jul.

Esse é um erro bem comum, na verdade "witdh" tá escrito errado. O correto é "width".