Ir para conteúdo

POWERED BY:

Arquivado

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

DackAle

Algumas s - Tableless

Por , em Desenvolvimento frontend

Recommended Posts

DackAle    0

DackAle
Postado

E ae galera

 

Seguinte, to começando com tableless e queria uma ajudinha de vocês :D

 

Criei essa págininha até agora

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Infinito Digital - Tableless</title><style type="text/css"><!--body {	margin: 0px;	background:#333333;	text-align:center;}#geral {	width: 778px;	text-align: center;}#topo {	background-color: #FFFFFF;	font-family: Tahoma;	font-size: 11px;	color: #333333;	width: 778px;	text-align: center;	line-height: 60px;	padding: 0px;	vertical-align: middle;	margin-top: 10px;	margin-right: 0px;	margin-bottom: 10px;	margin-left: 0px;}#esquerda {	width: 150px;	margin: 0px;	background-color: #FFFFFF;	float: left;}#centro {	background-color: #FFFFFF;	width: 458px;	margin-left: 160px;}#direita {	width: 150px;	margin: 0px;	background-color: #FFFFFF;	float: right;}#rodape {	background-color: #FFFFFF;	width: 778px;	margin-top: 10px;	margin-right: 0px;	margin-bottom: 10px;	margin-left: 0px;	font-family: Tahoma;	font-size: 11px;	color: #333333;	text-decoration: none;	height: 22px;}h1 {	font-size: 20px;	color: #990000;}--></style></head><body>	<div id="geral">		<div id="topo"><h1>Infinito Digital</h1></div>		<div id="esquerda">Esquerda</div>		<div id="centro">Centro</div>		<div id="direita">Direita</div>	</div>	<div id="rodape">Infinito Digital - 2006 - Todos os direitos reservados </div></body></html>
Algumas dúvidas

 

1) Só consegui alinhar o texto verticalmente, usando o "line-height: 60px;" ao inves de height (para definir a altura da div), está certo ? E mesmo assim ele não fico no meio, ficou um pouco para cima :wacko:

 

2) Porque a DIV centro está deslocada para a direita ? O que estou fazendo de errado ?

 

3) Ainda não entendi direito para que ser o "PADDING", alguem poderia me falar o por que de usar ele ? rs

 

4) o Float, basicamente serve para alinhar um objeto na tela ?

 

Bom é isso, desculpem as dúvidas bestas galera :D

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

TheChessMan    0

TheChessMan
Postado

Que bom que você tá se aventurando no mundo dos Web Standards rapaz, mas olha só, colar um blocão de código não rola... se puder posta um link pra gente ver, fica mais fácil e rápido pra ajudar ;)Quanto a essas dúvidas, como você mesmo disse, são bem básicas, e você pode ler em mtos lugares sobre isso, tente visitar a seção de dúvidas frequentes do fórum, use o google, maujor.. etcÉ tudo uma maravilha mas tem q estudar bastante.... vai firme q essas dúvidas você encontra fácil;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Weverton N    0

Weverton N
Postado

O que é webstandarts.. e tableless??Bom, eu já to dando uma olhada no www.majour.com.br.. acho que agora vou entender o que é tableless e webstandarts...Vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

DackAle e Weverton N, sejam bem vindos ao mundo dos Web Standards!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Sugiro q vcs olhem o CSS Link Collection, lá tem muita coisa importante!

 

Qualquer dúvida postem!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

Dackale:

1) É isso mesmo. Usar o line-height pra ajudar a alinhar verticalmente é um truque bom (mas nem sempre dá certo). Talvez este post dos tutoriais te ajude: http://forum.imasters.com.br/index.php?sho...view=getnewpost

 

2) pulei, to sem tempo de olhar

 

3) padding serve pra voce dar um espaçamento DENTRO do elemento. é como se fosse um "margin pra dentro", grotescamente falando. É a distância da borda do elemento até o seu conteúdo.

 

4) O float serve pra deixar um elemento "flutuando" seja na direita ou na esquerda do seu elemento pai.

 

 

Weverton N:

Estamos tentando definir isso neste post: http://forum.imasters.com.br/index.php?showtopic=179727

 

-------

PS.: Completando o link sujerido pelo gio, uma boa sequencia de aprendizado do tableless voce encontra aqui: http://forum.imasters.com.br/index.php?s=&...ndpost&p=536888

 

 

Té mais malucos...

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