Ir para conteúdo

POWERED BY:

Arquivado

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

pedrovoltaire

Div não muda de lugar.

Recommended Posts

Galera, em 1º lugar valeu pela ajuda,

Sou calouro em Css.Estou atualizando um site, e dentre as várias mudanças existe uma que não consegui;

Vamos lá:

- no topo do site contem algumas div, dentre elas uma com endereço, o que quero é mudar o local dessa div(endereço) para a parte inferior do site, ela vai virar estilo o rodapé do site.

Segue o Css para darem uma olhada:

*{	font-family:Verdana, Arial, Helvetica, sans-serif;	margin:0;	text-decoration:none;	padding: 0;}body{	background-color:#DEDEDE;	height:100%;}a:link{	color:#000;}a:visited{	color:#000;}a:hover{	color:#333;	text-decoration:underline;}a:active{	color:#CCC;}acronym{	border:none;}#site{	width:767px;	max-width:767px;	margin:0 auto;}#topo{	background:#fff url('imagens/topo_fundo.jpg') repeat top left;	height:85px;}#topo h1{	text-indent:-999px;	overflow:hidden;	width:228px;	height:75px;	background:url('imagens/topo_logo.gif') no-repeat top left;	margin:0 auto;	position:relative;	top:0;}#topo h1 a{	display:block;	height:75px;	width:228px;}#topo #menu{	width:146px;	position:absolute;	font-size:11px;	top:0;}#menu li {	list-style:none;	list-style-position:outside;	padding:0 25px;	background:#000 url('imagens/menu_bullet.gif') no-repeat 5px center;	display:block;	font-size:9px;	height:17px;}#menu li a{	color:#000;	text-decoration:none;}#menu li a:hover{	color:#060;	}#menu #equipe{	background-color:#F8C301;}#menu #nossosservicos{	background-color:#F9CD12;}#menu #consultas{	background-color:#FBDC43;}#menu #contato{	background-color:#FFE95F;}#menu #links{	background-color:#FFF974;}/***********************************-------------Conteudo----------------************************************/#conteudo{	background:#DEDEDC;	padding:3px 0 7px;	width:100%;}#conteudo #destaque{	background-color:#FFF;	float:left;	margin:2px 0;	padding:10px;}#destaque #principal{	width:376px;	height:172px;}/*************************************--------Coluna Texto ------------*************************************/#texto{	background:#FFF;	float:right;	width:366px;	height:315px;	max-height:314px;	margin:2px 0;	font-size:10px;	padding:0;}#texto h2{	text-align:right;	font-size:12px;	border-bottom:4px solid #DEDEDC;	padding:5px 15px;	margin-bottom:8px;}#precos {	height:270px;	overflow:auto;}#texto h4, #precos h4{	padding:0 12px 6px;	text-indent:5px;	font-size:11px;}#texto p{	padding:0 12px 6px;	font-size:10px;}#texto form{	padding:0 12px 6px;	font-size:10px;}#texto label{	display:block;	font-weight:bold;}#texto input, #texto select, #texto textarea{	font-size:10px;	width:100%;	margin-bottom:5px;}#texto .focus{	border:1px solid #000;}#texto .normal{	border:1px solid #DEDEDE;}#texto acronym {	border-bottom:1px dotted #DEDEDE;}#texto #precos table {	font-size:9px;	width:90%;	margin:0 auto 5px;	border:1px solid #000;}#precos table caption {	display:none;}#precos table thead, #precos table tr {	margin:0 12px;}#precos table thead td{	background-color:#DEDEDE;	line	text-align:center;	padding:2px;}#precos table tr td{	padding-left:3px;}#texto ul {	padding:0 10px 8px 10px;	list-style:none;}#texto ul li {	background:url('imagens/menu_bullet.gif') no-repeat left center;	text-indent: 17px;}#texto .clear{	display:inline;	font-weight:normal;	border:none;	width:auto;	padding:0 !important;	margin:0 !important;}#texto a:link, #texto a:active, #link a:visited {	text-decoration:underline;}#texto a:hover{	color:#999;	text-decoration:underline;}/*************************************--------Fim Coluna Texto ------------*************************************/.aviso { 	border:1px solid #000;	background-color:#eee;	margin:10px 0;	padding:10px 0;}.botao{	width:auto !important;	font-size:11px !important;	border:1px solid #000 !important;	margin-left:160px;	background-color:#FFF;}#conteudo #submenu{	background:#FFF;	float:left;	width:396px;	margin:2px 0;	padding:15px 0;}#submenu .quadro{	float:left;	padding:0 10px;}#submenu .quadro img{	width:108px;	height:67px;}#submenu h3{	text-align:right;	font-size:11px;	font-weight:normal;	padding:0 0 5px 0;}#submenu #psicologia{	border-left:3px solid #DEDEDC;	border-right:3px solid #DEDEDC;}#rodape{	font-size:10px;	font-style:normal;	text-align:center;	clear:both;	padding:5px 0;}[b]#endereco {	position:absolute;	top:0px;	left:66%;	font-size:10px;	width:240px;	height:auto;	overflow:hidden;	z-index:100;}#endereco h5 {	padding:5px 0 0;	font-size:10px;}[/b]a.efeito:link img{	border:1px solid #DEDEDE;}a.efeito:visited img{	border:1px solid #DEDEDE;}a.efeito:hover img{	border:1px solid #000;}a.efeito:active img{	border:1px solid #000;}
Se precisar do html dá um toque?

Espero que me ajudem.

Valeu até a proxima. http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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