Foros del Web » Creando para Internet » Diseño web »

Mostrar menus y logos siempre visibles al navegar por la pagina web

Estas en el tema de Mostrar menus y logos siempre visibles al navegar por la pagina web en el foro de Diseño web en Foros del 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 ...
  #1 (permalink)  
Antiguo 28/11/2012, 11:05
Avatar de afal3d  
Fecha de Ingreso: octubre-2012
Mensajes: 24
Antigüedad: 7 años, 2 meses
Puntos: 0
Información 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">&nbsp;</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">&nbsp;</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>&nbsp;</p></td>
        <td width="330">    <p>&nbsp;</p>
          <p><img src="índice.jpg" width="225" height="274" align="middle" /></p>
        <p>&nbsp;</p></td>
        <td width="336"><p>&nbsp;</p>
          <p><img src="DSC_0289 [640x480].JPG" width="217" height="269" align="middle" /></p>
        <p>&nbsp;</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">&nbsp;</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">&nbsp;</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>

Etiquetas: contenido, css, html, logos, menus, navegar, página, siempre
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:17.