Advanced Search

Poner logo en la cabecera

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

Expand | Embed | Plain Text

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. <body>
  31. <!Inicia encabezado>  
  32.    <div id="header">
  33.     <h1 id="logo">
  34.       <a href="file:///C:/Users/USUARIO/Desktop/Akyab_proyecto/html/index.html" title="Peluquer&iacute;a AKYAB Estilistas">Peluquería AKYAB Estilistas</a>
  35.     </h1>
  36. 	<h2>Texto que acompaña al logo</h2>
  37.    </div>
  38. <!Finaliza encabezado>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.