Tema: lista/menu
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/12/2012, 12:46
Avatar de flashmax
flashmax
 
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 12 años, 6 meses
Puntos: 86
Respuesta: lista/menu

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin título</title>
  5. <style type="text/css">
  6. .menu_container {
  7. clear: both;
  8. float: left;
  9. overflow: hidden;
  10. width: 100%;
  11. }
  12.  
  13. #menu {
  14. float: left;
  15. left: 50%;
  16. list-style-type: none;
  17. margin: 0 auto; padding:
  18. 0; position: relative;
  19. }
  20.  
  21. #menu li {
  22. float: left;
  23. position: relative;
  24. right: 50%;
  25. }
  26.  
  27. #menu a {
  28. background: none repeat scroll 0 0 #000;
  29. border: 1px solid #CCC;
  30. color: #FFF;
  31. display: block;
  32. padding: 4px 10px;
  33. text-decoration: none;
  34. width: auto;
  35. }
  36.  
  37. </head>
  38.  
  39. <div class="menu_container">
  40. <ul id="menu">
  41. <li><a href="argentina.html" target="_blank">Argentina</a></li>
  42. <li><a href="brasil.html" target="_blank">Brasil</a></li>
  43. <li><a href="ecuador.html" target="_blank">Ecuador</a></li>
  44. <li><a href="uruguay.html" target="_blank">Uruguay</a></li>
  45. </ul>
  46. </div>
  47. </body>
  48. </html>
__________________
Saludos!
----------------------------------------------------------