Ver Mensaje Individual
  #26 (permalink)  
Antiguo 13/09/2010, 10:50
limoncillo
 
Fecha de Ingreso: septiembre-2010
Mensajes: 31
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: ayuda con encabezado

Cita:
Iniciado por Shaito Ver Mensaje
Lo prometido es deuda, así que aquí te dejo lo que tienes que hacer para que tu header se acomode al tamaño de cada pantalla!

Así es como te tiene que quedar al cambiar el css: (Solo sustituye las partes que hay abajo)
Código CSS:
Ver original
  1. #header-wrap {
  2. height:206px;
  3. margin-bottom:0;
  4. margin-left:auto;
  5. margin-right:auto;
  6. margin-top:0;
  7. width:100%;
  8. }
  9. #logo {
  10. float:left;
  11. height:20px;
  12. margin-top:8px;
  13. }
  14. #logo h1 {
  15. -moz-background-clip:border;
  16. -moz-background-origin:padding;
  17. -moz-background-size:auto auto;
  18. background-attachment:scroll;
  19. background-position:left top;
  20. float:left;
  21. height:148px;
  22. text-indent:-9999px;
  23. width:100%;
  24. }

Y añade esta otra línea:
Código CSS:
Ver original
  1. .subir120px{margin-top:-120px}
Y ahora, desde el HTML de la web, busca esta sección:
Código HTML:
Ver original
  1. <div id="logo">
  2. <h1><a href="http://apachweb.blogspot.com/"></a></h1>
  3. </div>

Y cámbiala por esta otra:
Código HTML:
Ver original
  1. <div style="width:100%; text-align:center;">
  2.     <img src="2.png">
  3.     <div class="subir120px">
  4.     <img src="1.png" style="height:140px; float:left;">
  5.     <img src="3.png" style="height:140px; float:right;">
  6.     </div>
  7. </div>

Si no te funciona bien avisa


gracias lo pruebo y te aviso ;) gracias por preocuparte!