Tema: Maquetar este menú
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/03/2014, 01:30
PanConMantequilla
 
Fecha de Ingreso: junio-2011
Mensajes: 26
Antigüedad: 13 años, 7 meses
Puntos: 0
Maquetar este menú
Hola, tengo que maquetar un menu especifico y tengo dudas al respecto en tanto a los detalles de unos puntitos como muestro en la imagen

El menú que tengo que hacer es este:


No se me ocurre como realizar esos puntitos que rodean todo el menú, quisiera que me den alguna recomendación.

Mi prioridad es realizar los puntitos que rodean todo el menú, los otros puntitos que separan las letras del menú creo que si podré realizarlo.

Esto es lo que vengo realizando:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.     <title>menu</title>
  4. </head>
  5. <style type="text/css" media="screen">
  6.     body{
  7.         font-family: verdana;
  8.     }
  9.     a{
  10.         text-decoration: none;
  11.         color: #fff;
  12.     }
  13.     #menu{
  14.         -webkit-border-radius: 30px; 
  15.         -moz-border-radius: 30px;
  16.         border-radius: 30px; 
  17.         background:#E21E83;
  18.         float: left;
  19.         padding: 0px;
  20.     }
  21.     #menu li{
  22.         display: inline; 
  23.         padding: 18px;
  24.         float: left;
  25.     }
  26.  
  27. </style>
  28. <body>
  29.  
  30.     <ul id="menu">
  31.         <li><a href="#">Menu 1</a></li>
  32.         <li><a href="#">menu 2</a></li>
  33.         <li><a href="#">menu 3</a></li>
  34.     </ul>
  35.  
  36.  
  37. </body>
  38. </html>

Eso es todo, quiero alguna recomendación/consejo

Saludos.