28/11/2012, 11:05
|
 | | | Fecha de Ingreso: octubre-2012
Mensajes: 24
Antigüedad: 12 años, 5 meses Puntos: 0 | |
 Mostrar menus y logos siempre visibles al navegar por la pagina web
Cordial saludo
Me gustaría que me explicaran como mostrar el menú con el logo (encabezado) y el pie de pagina con la información que estos contiene siempre visible al dar click sobre algún link que estos con tengan en este caso pedidos y se despliegue en la parte de bajo del menú la información que quiero sin estos cambiar sin necesidad de usar marcos ya que son algo obsoletos y dificultan la navegación.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pagina de inicio</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
font-weight: bold;
}
a img {
border: none;
}
a:link {
color:#414958;
text-decoration: underline;
}
a:visited {
color: #4E5869;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 80%;
max-width: 1260px;
min-width: 780px;
background: #FFF;
margin: 0 auto;
}
.header {
background: #6F7D94;
text-align: left;
}
.content {
padding: 10px 0;
text-align: left;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
}
.footer {
padding: 10px 0;
background: #6F7D94;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.container .footer table tr th p {
font-size: 10%;
}
.container .footer table tr th p {
font-size: 36%;
}
.container .footer table tr th p {
font-size: 50px;
}
.container .footer table tr th p {
font-size: 30px;
}
.container .footer table tr th p {
font-size: 10px;
}
.container .content p {
font-weight: bold;
text-align: left;
font-size: 14px;
}
.container .footer p strong {
text-align: center;
}
.container .content h1 {
text-align: center;
}
.container .content p strong {
text-align: left;
}
.container .content p strong {
font-size: 18%;
}
.container .content p strong {
font-size: 14px;
}
.container .content p strong {
font-size: 18px;
}
.container .content table tr td {
text-align: center;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}
.container .content table tr td p strong {
font-size: 12px;
}
.container .content table tr td p strong {
text-align: left;
}
.container .content table tr td p strong {
text-align: left;
}
.container .content table tr td strong {
}
.container .content table tr td p {
font-weight: bold;
text-align: center;
}
.container .content table tr td strong {
font-size: 12px;
}
.container .content table tr td strong {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}
.container .content table {
text-align: left;
}
.container .content p {
font-family: Verdana, Geneva, sans-serif;
}
.container .content p {
font-weight: normal;
text-align: justify;
}
.container .content table tr td {
text-align: center;
font-weight: bold;
}
.centro {
}
.container .content table tr td {
font-weight: bold;
}
.container .content table tr td {
text-align: left;
}
.container .content table tr td {
font-weight: normal;
text-align: left;
}
.container .content table tr td strong {
}
.centrar {
text-align: center;
}
h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Geneva, sans-serif;
}
-->
</style></head>
<body>
<div class="container">
<div class="header"><a href="#"><img src="Logo_puesta_sol_campo_girasoles.jpg" alt="Insertar logotipo aquí" name="Insert_logo" width="100%" height="223" id="Insert_logo" style="background: #8090AB; display:block;" /></a>
<table width="100%" border="1">
<tr>
<th width="160" scope="col">INICIO</th>
<th width="170" scope="col">PRODUCTOS</th>
<th width="170" scope="col">PEDIDOS</th>
<th width="242" scope="col">ACERCA DE NOSOTROS</th>
<th width="160" scope="col">COMPRAR</th>
<th width="167" scope="col">CONTACTENOS</th>
</tr>
</table>
<!-- end .header --></div>
<div class="content">
<h1><img src="welcome.png" width="150" height="31" align="left" /></h1>
<p align="justify"> </p>
<p align="justify"><strong>TIENDA NATURISTA LOS GIRASOLES</strong>, distribuidor exclusivo de las mejores marcas en el campo de la medicina natural, se enorgullece en presentar su nueva <strong>PÁGINA WEB.</strong><br />
Aquí podrán encontrar toda la información acerca de productos naturales y suplementos, como los últimos lanzamientos de nuestros <strong>MEJORES LABORATORIOS</strong> y artículos del más variado contenido, para siempre permanecer actualizados.</p>
<p align="justify"> </p>
<table width="100%" border="1">
<tr>
<td colspan="3"><h1>PRODUCTOS DESTACADOS</h1></td>
</tr>
<tr>
<td><div align="center"><strong > Vitamina C Puritans Pride</strong></div></td>
<td><p>Polen</p></td>
<td><div align="center"><strong class="centro"> <span class="centrar"> Nutrefort Plus Vainilla Natural Freshly</span></strong></div></td>
</tr>
<tr>
<td width="426" height="349"><p><img src="DSC_0365 [640x480].JPG" width="211" height="269" align="middle" /></p>
<p> </p></td>
<td width="330"> <p> </p>
<p><img src="índice.jpg" width="225" height="274" align="middle" /></p>
<p> </p></td>
<td width="336"><p> </p>
<p><img src="DSC_0289 [640x480].JPG" width="217" height="269" align="middle" /></p>
<p> </p></td>
</tr>
<tr>
<td><strong>Categoria: </strong><br />
Vitaminas y Minerales<strong><br />
</strong>Previene infecciones virales y bacterianas, refuerza el sistema inmunológico.<br />
<strong>Valor:$ </strong>20.900</td>
<td><strong>Categoria: </strong><br />
Carbohidratos, vitaminas, aminoácidos y minerales<strong><br />
</strong>Proporciona energía para una mayor actividad diaria. <br />
<strong>Valor:$ </strong>12.900</td>
<td><strong>Categoria: </strong><br />
Proteinas y Nutrición deportiva / Nutrición deportiva<br />
<strong>Valor:$ </strong>29.900</td>
</tr>
</table>
<p class="centro"> </p>
<p align="left"><img src="nutriologo.gif" width="170" height="100" /></p>
<p align="left">En esta sección encontrarás, personal capacitado para atender cualquier duda en temas de salud y nutrición. Conoce tu peso Ideal.</p>
<p align="left"><a href="IMC.html" target="_parent"><img src="vermas_naranja.jpg" width="82" height="20" /></a></p>
<p align="left"> </p>
<!-- end .content --></div>
<div class="footer">
<p align="center"><strong>TIENDA NATURISTA LOS GIRASOLES CALLE 27 No 12 - 11 CENTRO LOCAL 32 TELEFONOS:(095) 2741540 - 2742032 SINCELEJO DEPARTAMENTO DE SUCRE - COLOMBIA</strong></p>
<p> <!-- end .footer --></p>
<div align="center">
<table width="271" border="1">
<tr>
<th width="261" height="55" scope="col"><p align="center">AFAL3D EN AVANCE</p>
<p> DERECHOS RESERVADOS 2012</p></th>
</tr>
</table>
</div>
</div>
<!-- end .container --></div>
</body>
</html>
|