Poner logo en la cabecera


/ Published in: HTML
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <link rel="shortcut icon" href="../imagenes/favicon.ico" type="image/ico" /> /* Única línea para meter el icono junto a la dirección del navegador*/
  2.  
  3.  
  4. <link rel="stylesheet" type="text/css" href="../css/estilos.css" />
  5.  
  6.  
  7. /* --- Cabecera (#header, #logo) ------------------------------------------ */
  8. #header {
  9. height: 100px;
  10. margin: 20px;
  11. width: 958px;
  12. cclear: both;
  13. position: relative;
  14. }
  15.  
  16. #logo {
  17. background: transparent url(../imagenes/logo.jpg) no-repeat;
  18. float: left;
  19. }
  20. #logo a {
  21. display: block;
  22. text-indent: -999px;
  23. height: 90px;
  24. width: 240px;
  25. margin: none;
  26. }
  27.  
  28.  
  29.  
  30. <!Inicia encabezado>
  31. <div id="header">
  32. <h1 id="logo">
  33. <a href="file:///C:/Users/USUARIO/Desktop/Akyab_proyecto/html/index.html" title="Peluquer&iacute;a AKYAB Estilistas">Peluquería AKYAB Estilistas</a>
  34. </h1>
  35. <h2>Texto que acompaña al logo</h2>
  36. </div>
  37. <!Finaliza encabezado>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.