Search Avançado
Onde procurar

Fóruns

Membros

Help Files
Novas postagens

Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

mkboy

Member Since 29/07/2003
Offline Last Active 17/02/2009, 19:12

Postagens

Community Stats

Group Usuários
Active Posts 133
Profile Views 2027
Member Title 12 Horas
Age Age Unknown
Birthday Birthday Unknown
Sexo
Não informado

0 Neutral

Friends

mkboy hasn't added any friends yet.

Latest Visitors

leoneee
19/03/2009, 17:08
wolff
27/08/2008, 23:11
Patric Costa
24/01/2008, 11:11
Guest
04/11/2007, 05:18

Topics I've Started

Kreative - Criação De Sites E Loja Virtual

21/01/2009, 18:48

Olá amigos!

Coloquei ontem no ar meu novo site, agora preciso continuar com o processo de otimização e conteúdo... inserir mais informações.

Gostaria da opnião de vocês em aspectos gerais, o que acharam do site, se como um consumidor procurando os serviços, o site atende as expectativas.

Acesse: www.kreative.com.br

O foco do site é Criação de Sites e Loja Virtual, logo terei mais informações.

:rolleyes:

Posicionamento 3 Colunas

28/01/2008, 18:31

Posicionando 3 colunas

Criei uma div, que chamei de bloco01
Dentro desta div, preciso de 3 blocos de conteúdo, e 2 barras de separação, fiz o seguinte:

<div id="bloco01"> 
	  <div class="bloco01a">bloco 01a</div>
	  <div class="barra01"><img src="imagens/barraVertical.gif" alt="" /></div>
	  <div class="bloco01b">bloco 01b</div>
	  <div class="barra02"><img src="imagens/barraVertical.gif" alt="" /></div>
	  <div class="bloco01c">bloco 01c</div>
	</div>

E no CSS fiz assim:

#bloco01 { width:765px; height: 146px; text-align: left;  position:relative; background: #fff url("../imagens/backBloco01.gif"); }
		#bloco01 .bloco01a { width: 230px; height: 110px; margin-top:12px; float:left;  position:relative; margin-left: 10px; background: #5FA207;}
		#bloco01 .barra01 { margin-top:6px; float:left;  position:relative; margin-left: 12px;}
		#bloco01 .bloco01b { width: 230px; height: 110px; margin-top:12px; float:left;  position:relative; margin-left: 10px; background: #FCFF2A;}
		#bloco01 .barra02 { margin-top:6px; float:right; position:relative; margin-right: 254px;}
		#bloco01 .bloco01c { width: 230px; height: 110px; margin-top:12px; background: #747EFF;}

Só que o resultado ficou assim:

Posted Image

E não consigo colocar o bloco01c ao lado do 01b... na sequencia.

:huh:

Posicionamento

24/01/2008, 10:20

Olá amigos,

Este é o primeiro layout que estou arriscando desenvolver com CSS.

Posted Image

Montei a div do conteúdo, centrada com 778px.
Dentro dela, montei a div do topo, onde coloquei outra div, para o logotipo, onde eu queria, a 20px do limite da esquerda, e 20px do limite do topo.
Ainda dentro da div do topo, eu criei outra div, para o telefone, que não apareceu como eu queria, a 20px também do topo, e a 20 do limite da direita.

Podem me ajudar a entender porque não ficou no lugar que deveria.
(Estou usando com base de pesquisa o site do majour)

Meu HTML

<XHTML; 1.0 Strict !DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
	<head>
		<title>mkhost | HOSPEDAGEM PROFISSIONAL DE SITES</title>
		<link href="includes/estilos.css" media="all" rel="stylesheet" type="text/css">
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	</head>

	<body>
	<div id="conteudo">
		<div id="topo">
			<div class="logo"><img src="imagens/logo.gif" /></div>
			<div class="telefone">11 6198-3927</div>
		</div>
	</div>
	</body>
</html>

O Css referente ao topo:

#conteudo 
{margin: 0 auto; 
border-left: 2px solid #ffffff; 
border-right: 2px solid #ffffff; 
width: 778px; height:100%; 
background-color: #8DB0BF;  }

/* Definindo o topo do site */

	#topo 
	{margin: 0 auto; 
	border-left: 1px solid #ffffff; 
	border-right: 1px solid #ffffff; 
	width: 765; height:81px; 
	text-align:left; 
	background:#fff url("../imagens/backTopo.gif"); /* "remédio" para o hack do IE */}
	.logo 
	{position: relative; 
	top: 20px; 
	left: 20px;}
	.telefone { 
	position: relative; 
	top: 24px; 
	left: 651px;}

A página está em http://www.mkhost.com.br/index.asp

Tentei validar no http://validator.w3.org/, só que da erro, não entendi onde esta o erro.
Estou escrendo em Xhtml strict, para aprender a escrever da forma correta.