Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/12/2009, 10:56
JonYeste
 
Fecha de Ingreso: enero-2009
Mensajes: 81
Antigüedad: 15 años, 10 meses
Puntos: 1
HTML Semántico - Tapar subrayado

Wenas!

El otro día, en la sección CSS me hablaron sobre el HTML Semántico y he estado mirando por Internet. Muy interesante la verdad.

A raíz de eso, me gustaría resolver un problema que tengo.
A continuación, en esta imágen vereis el borde-bottom de color gris del elemento <li> en esta lista:


(La imágen está agrandada para que lo vais bien)

Me gustaría eliminar la puntita que sobresale de la raya vertical negra.
La puntita que quiero eliminar la he puesto en un cuadrado rojo, para que la veais.

La he conseguido "eliminar" poniendo una imágen de width=2px del mismo color del fondo, y la he colocado ahí atraves de "position: absolute" y cosas así.
O también se puede hacer con un simple <div> con los bordes del mismo color del fondo ese, y colocandolo de la misma manera (position: absolute) y eso...

PERO, como antes os comentaba, no creo que sea la manera más practica y/o profesional según el HTML Semántico.

Como lo hariais vosotros? Gracias


P.D: Casi no se nota esa puntita, pero es que soy muy minucioso...