Tema: Imagen y texto
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 19/12/2015, 07:34
alantoledo007
 
Fecha de Ingreso: diciembre-2015
Mensajes: 6
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Imagen y texto
no te recomiendo que hagas una web con tablas. te comviene HTML5.
algo asi:
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4.     <title>mi pagina web</title>
  5. </head>
  6. <body>
  7. <style type="text/css">
  8. *{
  9.     padding: 0;
  10.     margin: 0;
  11. }
  12. header{
  13.     background-image: url('imagenes/portada.pnj');
  14.     background-size: 100%;/* aca estoy diciendo que el fondo ocupe todo el tamaño del div*/ 
  15.     height: 150px;
  16. }
  17. ul{
  18.     overflow: hidden;
  19. }
  20. ul li{
  21.     float: left;/*las listas flotan a la izquierda*/
  22.     list-style: none;/*las listas se imprimen sin ningun items*/
  23.     box-sizing:border-box;
  24.     background-color: rgba(0,0,0, .5);
  25.     transition: all .4s;
  26. }
  27. ul li:hover {
  28.     background-color: rgba(0,0,0, 1)
  29. }
  30. ul li a{
  31.     display: block;/*le digo a la etiqueta "a" que se comporte como un div o h */
  32.     padding: 10px;
  33.     color: #fff;
  34.     text-decoration: none;
  35. }   
  36. </style>
  37. <header>
  38.     <nav>
  39.         <ul>
  40.             <li><a href="#">Menu</a></li>
  41.             <li><a href="#">Nosotros</a></li>
  42.         </ul>
  43.     </nav>
  44. </header>
  45. <section>
  46.     <h1>Bienvenido a mi pagina web</h1>
  47. </section>
  48. </body>
  49. </html>