Ir para conteúdo

POWERED BY:

Arquivado

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

My29

Alinhamento no dreamweaver

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

My29    0

My29
Postado

Olá amigos,

 

Este é o meu primeiro acesso. Sou iniciante na área de desenvolvimento de sites e uso atualmente apenas o dreamweaver para a Edição e criação de sites. eis que me deparei recentemente com uma das minhas primeiras dúvidas, e peço por favor pra que alguém me ajude!!!!!

 

Eis aí...

 

Criei o site abaixo e estou com problema no alinhamento:

 

www.mauriciomax.adm.br

 

Em monitores wide e em telas de notes ele aparece totalmente descentralizado, horrível, sendoque no meu monitor CRT 17" ele aparece normal (no centro). preciso muito arrumar este problema, por favor alguém poderia me ajudar?????

 

Obrigada :blink:

Compartilhar este post

Link para o post
Compartilhar em outros sites

alebae    0

alebae
Postado

Olá My29, num monitor de Notebook 15,4, não ocorreu nenhum desalinhamento. Mas enfim:

Estava olhando seu código fonte, e reparei nesse <div align="absolute">, não entendi o por que? Se você mudar para <div align="center">, acho que poderia arrumar seu problema!

Compartilhar este post

Link para o post
Compartilhar em outros sites

My29    0

My29
Postado

Olá My29, num monitor de Notebook 15,4, não ocorreu nenhum desalinhamento. Mas enfim:

Estava olhando seu código fonte, e reparei nesse <div align="absolute">, não entendi o por que? Se você mudar para <div align="center">, acho que poderia arrumar seu problema!

Olá,

 

Obrigada pela resposta. No código fonte o alinhamento estava center, sempre esteve, mas continuava aparecendo tudo desalinhado mudei porque li em um forum que poderia ajudar :wacko: , mas pelo visto nada até agora... não sei mais o que tentar...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Morpheus#2005    1

Morpheus#2005
Postado

Abaixo de Body coloque ::

 

<div align="relative" align="center">

Sinceramente ficaria melhor para você , refazer a estrutura do seu site para acabar de vez com as dores de cabeça...

 

Segue um modelo de estrutura de acordo com o seu perfil de site.

 

 

<!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" lang="pt">
<head>
<title>CSS Layout</title>
<style type="text/css">
#topo {
	height: 120px;
	border: 1px solid #f1f1f1;
	text-align: center;
}

#topo h2 {
	color: #999999;
	font-family: verdana, Arial, Sans-Serifv;
}

#meio {
	margin-top: 10px;
}

#menu {
	width: 150px;
	float: left;
}

#menu ul {
	width: 150px;
	border: 1px solid #f1f1f1;
	padding: 0;
	margin: 0;
}

#menu ul li {
	width: 150px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul li a {
	width: 130px;
	_width: 150px;
	height: 20px;
	display: block;
	padding: 3px 0 0 20px;
	text-decoration: none;
	color: #999999;
	font: 12px verdana, Arial, Sans-Serif;
}

#menu ul li a:hover {
	color: #000000;
	background: #f1f1f1;
}

#conteudo {
	margin: 0 180px;
	text-align: justify;
}

#conteudo p {
	font: 12px Verdana, Arial, Sans-Serif;
}

#banners {
	width: 150px;
	float: right;
	border: 1px solid #f1f1f1;
}

#rodape {
	height: 50px;
	border: 1px solid #f1f1f1;
	clear: both;
	text-align: center;
}

#rodape h2 {
	color: #999999;
	font: 11px verdana, Arial, Sans-Serif;
}
</style>
</head>
<body>
	<div id="geral">
		<div id="topo">
			<h2>Topo</h2>
		</div>
		<div id="meio">
			<div id="menu">
				<ul>
					<li><a href="#">Link 1</a></li>
					<li><a href="#">Link 2</a></li>
					<li><a href="#">Link 3</a></li>
					<li><a href="#">Link 4</a></li>
				</ul>
			</div>
			<div id="banners">
				<p>Nulla nulla. <span class="style1">Donec</span> sit amet augue et risus tincidunt eleifend. Vestibulum quis pede. Aliquam erat volutpat. Morbi consequat dignissim dolor. Quisque felis erat, elementum at, aliquet non, bibendum at, nibh. Integer ut nibh imperdiet purus commodo posuere. Sed eget nisl vitae lectus accumsan rhoncus. Nulla semper euismod neque. Nullam gravida. Donec porta dictum arcu. Proin nisl. </p>
			</div>
			<div id="conteudo">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut dapibus neque et felis. Proin nonummy. Suspendisse fermentum lobortis libero. Nam imperdiet imperdiet ipsum. Phasellus laoreet lectus ut neque. Nam tempus vestibulum leo. In posuere adipiscing metus. Sed tincidunt quam non arcu. Suspendisse nibh ante, consectetuer et, dapibus a, semper a, purus. Integer augue. Vestibulum bibendum. Duis sit amet enim vel leo dapibus fermentum. Phasellus sem. Phasellus dapibus, lectus sit amet malesuada tempus, augue elit tempor nisi, ut lacinia est sapien ac nisl. Duis velit eros, laoreet sed, pretium quis, dignissim in, quam. Pellentesque posuere, lectus nec euismod molestie, felis eros mattis orci, eget sollicitudin nisi sapien vel dolor.</p>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque imperdiet, mauris ac volutpat accumsan, tellus nisi tincidunt turpis, non semper lectus orci quis magna. Fusce consectetuer. Integer in nisi et orci rhoncus ornare. Aliquam sit amet quam sit amet nisi elementum cursus. Sed ipsum. Mauris quis velit eu magna iaculis vulputate. Cras vel sem sit amet turpis consequat feugiat. Curabitur sapien lectus, bibendum eu, tincidunt eget, laoreet et, urna. Quisque eget orci. Curabitur a felis nec leo elementum commodo.</p>
				<p>Quisque turpis eros, pulvinar id, pharetra id, sagittis ac, velit. Aenean nec eros ac magna molestie gravida. Nulla nibh diam, condimentum quis, gravida vel, sodales rhoncus, lectus. Mauris nunc ipsum, viverra in, cursus nec, sagittis a, augue. In libero. Donec eget urna. Nam tempus vehicula orci. Praesent lobortis, dolor a feugiat fermentum, orci libero ullamcorper purus, id mattis est nisi sit amet est. Morbi sed arcu tempus felis mattis pretium. Suspendisse nec risus. Sed a neque.</p>
				<p>In hac habitasse platea dictumst. Sed faucibus, quam sed sodales lacinia, dui metus placerat mi, eget dictum eros tortor et nunc. Ut mauris felis, volutpat nec, consectetuer sit amet, semper eu, odio. Sed volutpat mattis ipsum. Etiam dictum congue augue. Cras tristique eros lacinia sem. Cras est. Cras velit orci, placerat eu, tempor eget, dictum et, urna. Aenean varius viverra metus. Suspendisse aliquam, massa sit amet vehicula consequat, magna risus fringilla arcu, ut cursus ipsum odio id diam. Cras ac ipsum. Aliquam vitae enim. Nulla lacus sapien, adipiscing a, venenatis sed, interdum vel, velit. In est neque, posuere sed, elementum sed, elementum ac, nulla. Suspendisse potenti. Aenean lorem. Sed nisi mauris, facilisis sit amet, congue vel, fermentum sed, nibh. Suspendisse consequat, tortor at mattis rutrum, orci diam commodo ligula, congue lacinia sem leo quis ligula.</p>
				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras mi ipsum, scelerisque vitae, mollis non, molestie non, odio. Curabitur erat. Praesent fermentum. Curabitur vel lacus vitae metus vehicula mollis. Curabitur ipsum nibh, tempor eu, gravida vel, ultrices vitae, leo. Duis ac lacus. Donec tincidunt scelerisque libero. Suspendisse accumsan. Nullam lorem augue, pellentesque sed, lobortis eget, fermentum vitae, mauris. Aenean bibendum fermentum nulla. Aenean bibendum adipiscing diam. Etiam ipsum velit, tempus a, porta a, sollicitudin non, turpis. Etiam tincidunt odio ac quam.</p>
				<p>Vivamus vel dolor in lectus imperdiet accumsan. Cras et libero nec augue tristique aliquet. Donec tempus. Aenean malesuada, orci et iaculis tristique, metus tellus consequat augue, et dictum nisi magna quis augue. Vivamus ligula leo, faucibus et, auctor vel, molestie vitae, elit. Nam tempus pellentesque sem. Curabitur aliquam hendrerit est. Sed non massa non ante scelerisque tincidunt. In aliquet scelerisque nibh. Phasellus ante risus, vehicula blandit, ultrices ut, scelerisque sed, felis. Nulla sit amet eros id dolor fermentum condimentum. Ut purus velit, ullamcorper sit amet, egestas a, sodales vel, ligula.</p>
			</div>
		</div>
		<div id="rodape">
			<h2>Meu Rodapé <a href="http://rogeriolino.wordpress.com/"></a></h2>
		</div>
	</div>
</body>
</html>

Good Luck e precisando de ajuda é só postar

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vinicius Colombi    0

Vinicius Colombi
Postado

<td><div align="../Img/imagens/fundo_novidades.jpg" width="600" height="318" />

<div align="center"><img src="../img/home.jpg" width="740" height="420" />

</div>

</div></td>

<div class="alinhaCentro">

 

 

 

Voçê de ve mudar apenas o nome da sua imagem!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

delgisa    0

delgisa
Postado

Abaixo de Body coloque ::

 

<div align="relative" align="center">

Sinceramente ficaria melhor para você , refazer a estrutura do seu site para acabar de vez com as dores de cabeça...

 

Segue um modelo de estrutura de acordo com o seu perfil de site.

 

 

<!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" lang="pt">
<head>
<title>CSS Layout</title>
<style type="text/css">
#topo {
	height: 120px;
	border: 1px solid #f1f1f1;
	text-align: center;
}

#topo h2 {
	color: #999999;
	font-family: verdana, Arial, Sans-Serifv;
}

#meio {
	margin-top: 10px;
}

#menu {
	width: 150px;
	float: left;
}

#menu ul {
	width: 150px;
	border: 1px solid #f1f1f1;
	padding: 0;
	margin: 0;
}

#menu ul li {
	width: 150px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul li a {
	width: 130px;
	_width: 150px;
	height: 20px;
	display: block;
	padding: 3px 0 0 20px;
	text-decoration: none;
	color: #999999;
	font: 12px verdana, Arial, Sans-Serif;
}

#menu ul li a:hover {
	color: #000000;
	background: #f1f1f1;
}

#conteudo {
	margin: 0 180px;
	text-align: justify;
}

#conteudo p {
	font: 12px Verdana, Arial, Sans-Serif;
}

#banners {
	width: 150px;
	float: right;
	border: 1px solid #f1f1f1;
}

#rodape {
	height: 50px;
	border: 1px solid #f1f1f1;
	clear: both;
	text-align: center;
}

#rodape h2 {
	color: #999999;
	font: 11px verdana, Arial, Sans-Serif;
}
</style>
</head>
<body>
	<div id="geral">
		<div id="topo">
			<h2>Topo</h2>
		</div>
		<div id="meio">
			<div id="menu">
				<ul>
					<li><a href="#">Link 1</a></li>
					<li><a href="#">Link 2</a></li>
					<li><a href="#">Link 3</a></li>
					<li><a href="#">Link 4</a></li>
				</ul>
			</div>
			<div id="banners">
				<p>Nulla nulla. <span class="style1">Donec</span> sit amet augue et risus tincidunt eleifend. Vestibulum quis pede. Aliquam erat volutpat. Morbi consequat dignissim dolor. Quisque felis erat, elementum at, aliquet non, bibendum at, nibh. Integer ut nibh imperdiet purus commodo posuere. Sed eget nisl vitae lectus accumsan rhoncus. Nulla semper euismod neque. Nullam gravida. Donec porta dictum arcu. Proin nisl. </p>
			</div>
			<div id="conteudo">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut dapibus neque et felis. Proin nonummy. Suspendisse fermentum lobortis libero. Nam imperdiet imperdiet ipsum. Phasellus laoreet lectus ut neque. Nam tempus vestibulum leo. In posuere adipiscing metus. Sed tincidunt quam non arcu. Suspendisse nibh ante, consectetuer et, dapibus a, semper a, purus. Integer augue. Vestibulum bibendum. Duis sit amet enim vel leo dapibus fermentum. Phasellus sem. Phasellus dapibus, lectus sit amet malesuada tempus, augue elit tempor nisi, ut lacinia est sapien ac nisl. Duis velit eros, laoreet sed, pretium quis, dignissim in, quam. Pellentesque posuere, lectus nec euismod molestie, felis eros mattis orci, eget sollicitudin nisi sapien vel dolor.</p>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque imperdiet, mauris ac volutpat accumsan, tellus nisi tincidunt turpis, non semper lectus orci quis magna. Fusce consectetuer. Integer in nisi et orci rhoncus ornare. Aliquam sit amet quam sit amet nisi elementum cursus. Sed ipsum. Mauris quis velit eu magna iaculis vulputate. Cras vel sem sit amet turpis consequat feugiat. Curabitur sapien lectus, bibendum eu, tincidunt eget, laoreet et, urna. Quisque eget orci. Curabitur a felis nec leo elementum commodo.</p>
				<p>Quisque turpis eros, pulvinar id, pharetra id, sagittis ac, velit. Aenean nec eros ac magna molestie gravida. Nulla nibh diam, condimentum quis, gravida vel, sodales rhoncus, lectus. Mauris nunc ipsum, viverra in, cursus nec, sagittis a, augue. In libero. Donec eget urna. Nam tempus vehicula orci. Praesent lobortis, dolor a feugiat fermentum, orci libero ullamcorper purus, id mattis est nisi sit amet est. Morbi sed arcu tempus felis mattis pretium. Suspendisse nec risus. Sed a neque.</p>
				<p>In hac habitasse platea dictumst. Sed faucibus, quam sed sodales lacinia, dui metus placerat mi, eget dictum eros tortor et nunc. Ut mauris felis, volutpat nec, consectetuer sit amet, semper eu, odio. Sed volutpat mattis ipsum. Etiam dictum congue augue. Cras tristique eros lacinia sem. Cras est. Cras velit orci, placerat eu, tempor eget, dictum et, urna. Aenean varius viverra metus. Suspendisse aliquam, massa sit amet vehicula consequat, magna risus fringilla arcu, ut cursus ipsum odio id diam. Cras ac ipsum. Aliquam vitae enim. Nulla lacus sapien, adipiscing a, venenatis sed, interdum vel, velit. In est neque, posuere sed, elementum sed, elementum ac, nulla. Suspendisse potenti. Aenean lorem. Sed nisi mauris, facilisis sit amet, congue vel, fermentum sed, nibh. Suspendisse consequat, tortor at mattis rutrum, orci diam commodo ligula, congue lacinia sem leo quis ligula.</p>
				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras mi ipsum, scelerisque vitae, mollis non, molestie non, odio. Curabitur erat. Praesent fermentum. Curabitur vel lacus vitae metus vehicula mollis. Curabitur ipsum nibh, tempor eu, gravida vel, ultrices vitae, leo. Duis ac lacus. Donec tincidunt scelerisque libero. Suspendisse accumsan. Nullam lorem augue, pellentesque sed, lobortis eget, fermentum vitae, mauris. Aenean bibendum fermentum nulla. Aenean bibendum adipiscing diam. Etiam ipsum velit, tempus a, porta a, sollicitudin non, turpis. Etiam tincidunt odio ac quam.</p>
				<p>Vivamus vel dolor in lectus imperdiet accumsan. Cras et libero nec augue tristique aliquet. Donec tempus. Aenean malesuada, orci et iaculis tristique, metus tellus consequat augue, et dictum nisi magna quis augue. Vivamus ligula leo, faucibus et, auctor vel, molestie vitae, elit. Nam tempus pellentesque sem. Curabitur aliquam hendrerit est. Sed non massa non ante scelerisque tincidunt. In aliquet scelerisque nibh. Phasellus ante risus, vehicula blandit, ultrices ut, scelerisque sed, felis. Nulla sit amet eros id dolor fermentum condimentum. Ut purus velit, ullamcorper sit amet, egestas a, sodales vel, ligula.</p>
			</div>
		</div>
		<div id="rodape">
			<h2>Meu Rodapé <a href="http://rogeriolino.wordpress.com/"></a></h2>
		</div>
	</div>
</body>
</html>

Good Luck e precisando de ajuda é só postar

 

Olá Morpheus#2005, aproveitando a dúvida da nossa amiga, como eu faço que as margens laterais do site de adequem de acordo com a resolução do munitor (veja o exemplo deste site: http://www.valadares.mg.gov.br Quando o visualizo com resolução de 1024x 768 ele preenche a tela inteira com o conteúdo do site. E quando visualizo com 800x600, ele aumenta as margens laterais preenchendo a tela. Como eu faço isso?

 

Grato

 

Jardel

Compartilhar este post

Link para o post
Compartilhar em outros sites

delgisa    0

delgisa
Postado

 

 

Olá galera,

 

Ajudou em muito o link que me indicou. Agora me deparei com outro problema:

 

Eu fiz o site ficar no centro, qdo a visualiação é 800x600 dá certo, mas quando aumento pra 1024, a imagem que fica no cabeçalho não aumenta com a DIV. Eu queria algo que pudesse crescer pelas laterais do site (lado direito e lado esquerdo), permanecendo a mesma estrutura do site com 800x600. Entenderam?

 

 

Abraços

 

Jardel

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito