Tema: ¿Cómo hago para qué al abrir cualquier documento éste tenga el menú a la izquierda?
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/09/2012, 02:53
anonymousname100
 
Fecha de Ingreso: septiembre-2012
Mensajes: 12
Antigüedad: 12 años, 2 meses
Puntos: 0
Pregunta ¿Cómo hago para qué al abrir cualquier documento éste tenga el menú a la izquierda?
Hola, soy nuevo aquí, intentaré hacer lo posible por cumplir con las normas de éste foro.

Bueno, mi problema es éste: Hace unos días aprendí en un vídeo de "YouTube" a cómo hacer un menú. Creo que salió perfecto, o al menos me salió exactamente igual a cómo estaba en el vídeo.
Bueno, luego de aprender a hacer el menú, y a cómo enlazar cada botón de éste con una página html usando "Adobe Dreamweaver". Me pregunté cómo podía hacer para que el menú se mantuviera a la izquierda del téxto, ya que si bien aprendí a cómo crear un menú vertical, y a cómo hacer para que al clickear en un botón del menú me abriera la "página de Inicio"; no sabía cómo hacer para que en cada página se mantuviera el menú.

O sea, el menú tiene cinco botones, cada uno de ellos tiene un enlace a un documento html que yo hice, pero al abrir un documento el menú desaparece y solo se ve el "téxto y la imágen" del documento que abrí. ¿Cómo hago para qué al abrir cualquier documento éste tenga el menú a la izquierda?

Espero que hayan entendido lo que quise explicar; y me harían un gran favor ayudandome con esto, desde ya, gracias.



Por cierto, este es el menú que hice:

__________________________________________________ _______________
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Inicio</title>
  6. <link href="estilos.css" rel="stylesheet" type="text/css" />
  7. </head>
  8.  
  9. <body bgcolor="#1a6eff">
  10.  
  11.  
  12. <div id="menu-vertical">
  13.  
  14. <ul>
  15. <li><a href="primera-pagina.html">Inicio</a></li>
  16. <li><a href="segunda-pagina.html">Contactenos</a></li>
  17.  
  18. </ul>
  19.  
  20. </div>
  21.  
  22.  
  23.  
  24. </body>
  25. </html>
__________________________________________________ _______________


Y la hoja de estílo es ésta:


__________________________________________________ _______________
Código CSS: 
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. #segundo-menu {
  5.     width: 150px;
  6.     background: #039;
  7. }
  8.  
  9. #segundo-menu ul {
  10.     list-style: none;
  11.     padding-left: 0;
  12. }
  13. #segundo-menu ul li a,
  14. #segundo-menu ul li a:link,
  15. #segundo-menu ul li a:visited,
  16. #segundo-menu ul li a:active {
  17.     padding: 4px 10 px;
  18.     background: #03C url(Imagenes/bottom1.PNG) repeat-x;
  19.     color: #fff;
  20.     display: block;
  21.     margin-bottom: 2px;
  22.     text-decoration: none;
  23. }
  24. #segundo-menu ul li a:hover {
  25. background: #03C url(Imagenes/bottom2.PNG) repeat-x;
  26. }
__________________________________________________ _______________