Tema: Borro "border" y me desplaza toda la página
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 17/06/2013, 16:35
Avatar de Iballa
Iballa
 
Fecha de Ingreso: marzo-2013
Mensajes: 107
Antigüedad: 11 años, 2 meses
Puntos: 6
Respuesta: Borro "border" y me desplaza toda la página
No no, escupir al aire no, que el aire no te ha hecho nada XD

Bueno, aquí va el código:
(las imagenes no salen porque no las indexé).

Código HTML: 
Ver original
  1. <!DOCTYPE HTML>
  2. <head>
  3.     <title></title>
  4.  
  5.     <meta charset="utf-8"/>
  6.     
  7.     <link rel="stylesheet" type="text/css" href="estilos.css"/>
  8. </head>
  9. <body>
  10.     <div id="wrapper">
  11.         <header>
  12.               <div class="imagenes">
  13.                   <p>xxxx</p>
  14.                   <div class="logo-facebook">
  15.                      <a href="https://www.facebook.com/" target="_blank"><img src="" ></a>
  16.                   </div>
  17.               </div>
  18.         </header>
  19.          <nav>
  20.        <div id="caja-navegador">
  21.           <ul>
  22.              <a href=""><li>INICIO</li></a>
  23.              <a href=""><li>INICIO</li></a>
  24.              <a href=""><li>INICIO</li></a>
  25.              <a href=""><li>INICIO</li></a>
  26.              <a href=""><li>INICIO</li></a>
  27.           </ul>
  28.        </div>
  29.     </nav>
  30.     </div>
  31.  
  32.    
  33. </body>
  34. </html>

Código CSS: 
Ver original
  1. /*Reseteo Universal*/
  2. *{
  3.     border: 0;
  4.     margin: 0;
  5.     padding: 0;
  6. }
  7. header,footer,section,article,hgroup,{
  8.     display: block;
  9. }
  10. /*Estilos*/
  11.  
  12.  
  13. /*HEADER*/
  14. #wrapper {
  15.     background: pink;
  16.     height: 900px;
  17.     margin: 0;
  18. }
  19. header {
  20.     background: #5E803F;
  21.     /*aquí iva el border*/
  22.     width: 100%;
  23.     height:202px;
  24. }
  25. header p  {
  26.     color: #5E803F;
  27.     font-family: arial;
  28.     font-size: 1.6em;
  29.     font-weight: bold;
  30.     margin-top: 5em;
  31.     margin-left: 1em;
  32. }
  33. .imagenes {
  34.     background-image: url();
  35.     /*aquí iva el border*/
  36.     height: 202px;
  37.     width: 941px;
  38.     margin: 0 auto;
  39. }
  40. .logo-facebook {
  41.     margin-top: 0.2em;
  42.     margin-left: 1.5em;
  43. }
  44.  
  45.  
  46. /*NAV*/
  47. nav #caja-navegador ul  {
  48.     
  49.     background: #5C4E30;
  50.     list-style: none;
  51.     text-align: center;
  52. }
  53.  
  54. nav #caja-navegador ul li {
  55.     
  56.     background: #594F34;
  57.     color: white;
  58.     display: inline-block;
  59.     font-family: arial;
  60.     font-size: 0.9em;
  61.     font-weight: bold;
  62.     width: 10.3em;
  63.     padding: 0.7em;
  64.  
  65. }
  66.  
  67. nav #caja-navegador ul li:hover {
  68.    background:#667B43;
  69. }