Ir para conteúdo

POWERED BY:

Arquivado

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

Wilherme

Alinhando Div

Por , em Desenvolvimento frontend

Recommended Posts

Wilherme    0

Wilherme
Postado

Bom dia

Galera como faço para colocar as logo no final da pagina?

Tenho a

Div total e dentro dela esta a

DIV meio e dentro dela está a

Div clientes.

 

 

AR.jpg

 

 

Fiz umas alterações conforme Imagem abaixo. Olhando em um monitor de 21'5

 

 

11.jpg

 

Porem quando visualizo no notebook ele fica errado.

Quando desliso o site para baixo ele não apresenta parte da imagem.

 

22.jpg

 

33.jpg

 

Segue código CSS

/*  css reset */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}html {	background-image: url(images/back.jpg);}body {	height: 80%;}.total {	 width: 60%;	 	 margin: 0 auto;	 border:1px solid #888;	-moz-border-radius:7px;	-webkit-border-radius:7px;	border-radius:7px;}ul {	list-style: none;}a {	color:#888888;	text-decoration: none;}#topo {	padding:20px;	height: 5%;}#menu {	width: 400px;	height: 25px;	margin: auto;	}#menu ul li {	float: left;	margin: 0 10px;	}#meio {	height: 400px;	width: 75%;	text-align: justify;	margin:10px auto;	padding:15px;	border:1px solid #888;	-moz-border-radius:7px;	-webkit-border-radius:7px;	border-radius:7px;}#clientes {		height: 130px;	width: 80%;	margin:10px auto;	border:1px solid #888;	-moz-border-radius:7px;	-webkit-border-radius:7px;	border-radius:7px;}#rodape {	background: #000000;	height: 10%;	position: fixed; 	bottom: 0; 	left: 0; 	right: 0;}#texto_rodape {	height: 50px;	width: 60%;	margin:10px auto;	padding:15px;	border:1px solid #888;	-moz-border-radius:7px;	-webkit-border-radius:7px;	border-radius:7px;}

Código HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml">    <head>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <link href="style.css" rel="stylesheet" type="text/css" media="all"/> 		<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />		<script type="text/javascript" src="coin-slider.min.js"></script>	        <script type="text/javascript" src="jquery.js"></script>		<script src="jphotogrid.js"></script>		<script type="text/javascript" src="coin-slider.min.js"></script>        <link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />        <title>AR Instal</title>    </head>    <body>     <div class="total">     	     	<div id="topo">     		<img src="images/logomarca.png" style="margin: 0px; margin-left: 20px;"/>       		<img src="images/AR_banner.png" style="margin: 0px; margin-left: 100px;"/>     	</div>     		     	<div id="menu" class="center">     		<ul>  				<li><a href="index.html">Home</a></li>  				<li><a href="servicos.html">Serviços</a></li>  				<li><a href="contato.html">Contato</a></li>  			</ul>  			     	</div>     	<div id="meio">      		<br><br>     		<img align="left" src="images/img_ar_pg_principal.png" style="margin:10px; margin-left:10px;">     		<br><br>     		<p>A Arinstal, possui experiência de mais de 10 anos de atuação dos seus colaboradores nas áreas de dados,      		Elétrica, Voz e CFTV. Está instalada em sua sede em Curitiba, equipada com os recursos necessários para atendimento      		imediato dos seus clientes. A nossa filosofia de trabalho está centrada na satisfação de nossos Clientes pelo atendimento      		aos objetivos contratados e fundamentados no conhecimento e experiência de seus integrantes. Serviços que Prestamos:      		Dados, Elétrica, Voz e CFTV. Principais Clientes: Selectas, Lavioletera, Augeo e Volvo.</p>      		     		     	</div>     	<div id="clientes" align="center" >     		     			<img src="images/volvo.png" >     			<img src="images/lavioletera.png" >     			<img src="images/selectas.png" >     			     		</div>     		</div>     	<div id="rodape">      		<div id="texto_rodape">     			<ul>  				<li><a href="index.html">Home</a></li>  				<li><a href="servicos.html">Serviços</a></li>  				<li><a href="contato.html">Contato</a></li>  			</ul>     		</div>     	</div>    </body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wilherme    0

Wilherme
Postado

Refiz o CSS 

/*  css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


html {
	background-image: url(images/back.jpg);
}

body {
	height: 850px;
}

h1 {
	font:"Comic Sans MS";
	font-size:40px;
	font-style:italic;
	font-weight:bold;
	color: #3e4095;
}

.total {
	 width: 1200px;
	 margin: 0 auto;
	 border:0px solid #888;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

ul {
	list-style: none;
}

a {
	color:#888888;
	text-decoration: none;
}

#topo {
	padding:20px;
	height: 5%;
}

#menu {
	width: 400px;
	height: 25px;
	margin: auto;	
}

#menu ul li {
	float: left;
	margin: 0 10px;	
}

#meio {
	height: 600px;
	width:800px;
	text-align: justify;
	margin:10px auto;
	padding:15px;
	border:1px solid #888;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

#clientes {
	
	height: 130px;
	width: 80%;
	bottom: 05px;
	margin:10px auto;
	border:1px solid #888;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

#rodape {
	background: #000000;
	height: 13%;
	position: fixed; 
	bottom: 0; 
	left: 0; 
	right: 0;
}

#texto_rodape {
	height: 70px;
	width: 60%;
	margin:10px auto;
	padding:15px;
	border:1px solid #888;
}

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