Ver Mensaje Individual
  #5 (permalink)  
Antiguo 16/07/2009, 17:14
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Toolbar flotante.

Prueba el código siguiente. Pero has de saber que no va en ie6. Para eso habría que utilizar otra técnica.
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <title>Kseso? jugando con css </title>
  4. <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  5. <style type="text/css">
  6. *{margin:0;padding:0; outline:none; border:0; position: relative;}
  7. body {height:1500px;}
  8. #fija {position:fixed; bottom:0; background: #cdcdcd;width: 100%; text-align:center; z-index:50000000;}
  9. ul {list-style-type: none;
  10. }
  11. li {padding: 0 10px;
  12. display: inline;
  13. }
  14. a {line-height:3em;}
  15. </head>
  16. <div id="fija">
  17. <ul>
  18.   <li><a href="#">UNA</a></li>
  19.   <li><a href="#">DOLE</a></li>
  20.   <li><a href="#">TELE</a></li>
  21.   <li><a href="#">CATOLE</a></li>
  22.   <li><a href="#">QUILE</a></li>
  23.   <li><a href="#">QUILETE</a></li>
  24. </ul>
  25. </div>
  26. </body>
  27. </html>

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 16/07/2009 a las 17:48