Ver Mensaje Individual
  #4 (permalink)  
Antiguo 09/07/2014, 08:02
Avatar de Beuses
Beuses
 
Fecha de Ingreso: marzo-2009
Ubicación: Maracaibo
Mensajes: 132
Antigüedad: 15 años, 8 meses
Puntos: 5
Exclamación Respuesta: Sub-menú sin borde

Bueno, luego de leer tu ayuda he hecho asi en el html:

Código HTML:
Ver original
  1. <ul id="nav">
  2.   <li>
  3.     <a href="#" class="sub" tabindex="1"><img src="imagenes/punta_2.gif" /><b style="font-size:10px">Numeros</b></a>
  4.     <img src="imagenes/up.gif" alt="" />
  5.     <ul class="RemoveLine">
  6.       <li style="margin-left:15px;">
  7.          <a href="#"><img src="imagenes/punta_2.gif" />Uno</a>
  8.       </li>
  9.       <li style="margin-left:15px;">
  10.          <a href="#"><img src="imagenes/punta_2.gif" />Dos</a>
  11.       </li>
  12.       <li style="margin-left:15px;">
  13.          <a href="#"><img src="imagenes/punta_2.gif" />Tres</a>
  14.       </li>
  15.     </ul>
  16.    </li>
  17.    <li>
  18.     <a href="#" class="sub" tabindex="1"><img src="imagenes/punta_2.gif" /><b style="font-size:10px">Letras</b></a>
  19.     <img src="imagenes/up.gif" alt="" />
  20.     <ul  class="RemoveLine">
  21.       <li style="margin-left:15px;">
  22.          <a href="#"><img src="imagenes/punta_2.gif" />A</a>
  23.       </li>
  24.       <li style="margin-left:15px;">
  25.          <a href="#"><img src="imagenes/punta_2.gif" />B</a>
  26.       </li>
  27.       <li style="margin-left:15px;">
  28.          <a href="#"><img src="imagenes/punta_2.gif" />C</a>
  29.       </li>
  30.     </ul>
  31.    </li>
  32.    <li>
  33.     <a href="#" class="sub" tabindex="1"><img src="imagenes/punta_2.gif" /><b style="font-size:10px">Lenguajes</b></a>
  34.     <img src="imagenes/up.gif" alt="" />
  35.     <ul  class="RemoveLine">
  36.       <li style="margin-left:15px;">
  37.          <a href="#"><img src="imagenes/punta_2.gif" />PHP</a>
  38.       </li>
  39.       <li style="margin-left:15px;">
  40.          <a href="#"><img src="imagenes/punta_2.gif" />C++</a>
  41.       </li>
  42.       <li style="margin-left:15px;">
  43.          <a href="#"><img src="imagenes/punta_2.gif" />Script</a>
  44.       </li>
  45.     </ul>
  46.    </li>
  47. </ul>

Y en el CSS agregue un estilo mas así:

Código CSS:
Ver original
  1. .RemoveLine{
  2.     margin-left:-2px;
  3.     border-left:2px solid white;
  4.     margin-right:-2px;
  5.     border-right:2px solid white;
  6. }

No se si sea la mejor manera.. pero hasta ahora me ha servido

Muchas gracias nuevamente pzin