Foros del Web » Creando para Internet » CSS »

Problema con compatibilidad de lineas

Estas en el tema de Problema con compatibilidad de lineas en el foro de CSS en Foros del Web. Hola, estoy haciendo una web, hice un menu, el cual funciona, con unas lineas separadoras, que en chrome se ven bien posicionadas, pero en mozilla ...
  #1 (permalink)  
Antiguo 03/06/2011, 16:50
 
Fecha de Ingreso: febrero-2011
Mensajes: 124
Antigüedad: 6 años, 5 meses
Puntos: 4
Problema con compatibilidad de lineas

Hola, estoy haciendo una web, hice un menu, el cual funciona, con unas lineas separadoras, que en chrome se ven bien posicionadas, pero en mozilla se corren...
aca la web para que vean: http://test.elementobmx.com/nueva/index.php
aca el codigo de las lineas:
Código PHP:
hr.linea_productospunteada1{
width:190px;
height:-2px;/*solo queremos borde*/
text-align:left;
border-top:0px;/*quita el grosor extra de Opera y FFox*/
border-bottom:#CECECE dotted 1px;
position:absolute;
        
top:12px;
        
left:20px;

  #2 (permalink)  
Antiguo 04/06/2011, 12:59
 
Fecha de Ingreso: febrero-2011
Mensajes: 124
Antigüedad: 6 años, 5 meses
Puntos: 4
Respuesta: Problema con compatibilidad de lineas

Up......................
  #3 (permalink)  
Antiguo 04/06/2011, 13:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 1 mes
Puntos: 538
Respuesta: Problema con compatibilidad de lineas

¿Se refiere a las líneas punteadas del sidebar derecho?
Código HTML:
Ver original
  1. <div class="contenedor_menuproductos">
  2. <!-- menu productos-->
  3. <span class="LetrasProductos"><a href="productos.php">PRODUCTOS</a> </span>    
  4. <hr class="linea_productosarriba">  
  5. <hr class="linea_productosabajo">
  6. <div class="contenedor_menuproductosletras">
  7. <hr class="linea_productospunteada1">
  8. <hr class="linea_productospunteada2">
  9. <hr class="linea_productospunteada3">
  10. <hr class="linea_productospunteada4">
  11. <hr class="linea_productospunteada5">
  12. <hr class="linea_productospunteada6">
  13. <hr class="linea_productospunteada7">
  14.  
  15. <hr class="linea_productospunteada8">
  16. <hr class="linea_productospunteada9">
  17. <hr class="linea_productospunteada10">
  18. <hr class="linea_productospunteada11">
  19. <hr class="linea_productospunteada12">
  20. <hr class="linea_productospunteada13">
  21. <hr class="linea_productospunteada14">
  22. <hr class="linea_productospunteada15">
  23. <hr class="linea_productospunteada16">
  24. <hr class="linea_productospunteada17">
  25. <hr class="linea_productospunteada18">
  26. <hr class="linea_productospunteada19">
  27. <hr class="linea_productospunteada20">
  28. <hr class="linea_productospunteada21">
  29. <hr class="linea_productospunteada22">
  30.  
  31.  
  32.                   <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="Estilo10"><a href="productos/accesorios"> Accesorios</a><br>
  33.  
  34.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/asientos"> Asientos y tubos</a><br>
  35.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/bicicletas"> Bicicletas enteras </a><br>
  36.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/bielas"> Bielas y acces. </a><br>
  37.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/cadenas"> Cadenas </a><br>
  38.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/direcciones"> Direcciones </a><br>
  39.  
  40.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/frenos"> Frenos y acces. </a><br>
  41.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/horquillas"> Horquillas </a><br>
  42.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/llantas"> Llantas </a><br>
  43.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/manubrios"> Manubrios </a><br>
  44.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/cuadros"> Marcos/Cuadros </a><br>
  45.  
  46.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/mazas"> Mazas y acces. </a><br>
  47.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/mazas"> MTB </a><br>
  48.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/motores"> Motores y acces.</a><br>
  49.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/neumaticos"> Neumaticos y camaras</a><br>
  50.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/pedales"> Pedales </a><br>
  51.  
  52.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/pedalines"> Pedalines </a><br>
  53.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/plato"> Platos </a><br>
  54.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/protecciones"> Protecciones </a><br>
  55.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/punos"> Puños y tapones </a><br>
  56.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/stems"> Stems/Tee's </a><br>
  57.  
  58.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/ropa"> Ropa </a><br>
  59.                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="productos/ruedas"> Ruedas </a><br></span>
  60.               </p>

Ni me imagino qué le ha llevado a crearlo de esa manera. Le sugiero que se replantee crearlo como una simple lista de enlaces (ul/li/a) con un borde inferior a los li y un padding/margin

Etiquetas: compatibilidad, lineas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:35.