Ir para conteúdo

POWERED BY:

Arquivado

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

ScornInPC

Centralizar div dentro de div

Por , em Desenvolvimento frontend

Recommended Posts

ScornInPC    1

ScornInPC
Postado

Pessoal, q q ta errado aqui? não to conseguindo centralizar esse div area, preciso que os divs link fiquem no meio, mas ta dificil

 

<html>	<head>		<script language="javascript">			function ChangeImage(id, image) {				var Area = document.getElementById(id);				Area.style.backgroundImage = "url(" + image + ")";			}		</script>		<style>			body {				text-align: center;				margin: 0px;				padding: 0px;			}			.site {				text-align: left;				margin: 0px auto;				width: 765px;				border: 1px #000000 solid;			}			.banner {				background-image: url(imagens/logo.gif);				height: 103px;			}			.banner .snome {				position: relative;				top: 20px;				left: 4px;				font-family: Arial;				font-size: 28px;			}			.area {				position: relative;				top: 20px;				border: 1px #C7C7C7 solid;				background-image: url(imagens/b1.gif);				height: 18px;				text-align: center;			}			.area .link {				width: 100px;				font-size: 12px;				font-family: Verdana;				line-height: 18px;				vertical-align: center;				background-image: url(imagens/b2_1.gif);				float: left;				cursor: pointer;				text-align: center;			}			.centro {				height: 200px;			}			.rodape {				height: 30px;			}		</style>	</head>	<body>		<div class="site">			<div class="banner">				<div class="snome">FAI - Faculdades Adamantinenses Integradas</div>				<div class="area">					<div class="link" id="barra_b1" onMouseOver="ChangeImage('barra_b1', 'imagens/b2_2.gif')" onMouseOut="ChangeImage('barra_b1', 'imagens/b2_1.gif')">Inicio</div>					<div class="link" id="barra_b2" onMouseOver="ChangeImage('barra_b2', 'imagens/b2_2.gif')" onMouseOut="ChangeImage('barra_b2', 'imagens/b2_1.gif')">Area Docente</div>					<div style="width:1px;background-image: url(imagens/b2_1.gif);float: left;line-height: 18px;"> </div>				</div>			</div>			<div class="centro">3</div>			<div class="rodape">4</div>		</div>	</body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

CuecaX    0

CuecaX
Postado

define um width fixo pro area e poe isso:"margin:auto"---------se nao for fixo eu nao sei te dizer :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

ScornInPC    1

ScornInPC
Postado

não funciona, acho que fiz errado, acho que vou ter que colocar outro div no meio ai hem, deixa eu ver aqui

 

pois eh pessoal, solved, coloquei um outro div ali mesmo e firmou

 

<div class="area">					<div style="width: 205px; margin: auto; height: 18px">						<div class="link" id="barra_b1" onMouseOver="ChangeImage('barra_b1', 'imagens/b2_2.gif')" onMouseOut="ChangeImage('barra_b1', 'imagens/b2_1.gif')">Inicio</div>						<div class="link" id="barra_b2" onMouseOver="ChangeImage('barra_b2', 'imagens/b2_2.gif')" onMouseOut="ChangeImage('barra_b2', 'imagens/b2_1.gif')">Area Docente</div>						<div style="width:1px;background-image: url(imagens/b2_1.gif);float: left;line-height: 18px;"> </div>					</div>				</div>

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