Foros del Web » Creando para Internet » CSS »

Border Dotted IE

Estas en el tema de Border Dotted IE en el foro de CSS en Foros del Web. Hola Todos! Quisiera mostrar en IE bordes punteados a un texto. Código: a.bordes { background-color: #ECECEE; font-weight:bold; border-top: 1px dotted #F2821E; border-bottom: 1px dotted #F2821E; ...
  #1 (permalink)  
Antiguo 26/04/2005, 00:29
 
Fecha de Ingreso: abril-2003
Mensajes: 150
Antigüedad: 14 años, 8 meses
Puntos: 1
Border Dotted IE

Hola Todos!

Quisiera mostrar en IE bordes punteados a un texto.

Código:
a.bordes {
             background-color: #ECECEE;
	font-weight:bold;
	border-top: 1px dotted #F2821E;
             border-bottom: 1px dotted #F2821E;
}
/*IE*/
*html a.bordes {
	border-top: none;
	background: #ECECEE url(/images/css_dotted.gif) repeat-x bottom;
}
HTML
Código HTML:
<a class="bordes" href="">link1</a> 
Pero en como para IE tengo que usar un fondo me lo pone abajo y yo lo quiero arriba y abajo para que me quede así mi menu:

..........
link1
..........
link2
..........
link3
..........

Hay alguna manera practica de lograr bordes punteados arriba y abajo en IE?

Gracias de antemano.
Liz
  #2 (permalink)  
Antiguo 26/04/2005, 02:27
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
podrias estructurar tu html asi:

Código:
<div class="mislinks">
<a href="">link1</a>
<a href="">link2</a>
<a href="">link3</a>
<a href="">link4</a>
</div>
y el css:
Código:
.bordes a, .bordes a:visited {
        background-color: #ECECEE;
	font-weight:bold;
	border-top: 1px dotted #F2821E;
        border-bottom: 1px dotted #F2821E;
}
/*IE*/
*html bordes{
	background: #ECECEE url(/images/css_dotted.gif) repeat-x top;
}
*html bordes a {
	border-top: none;
	background: #ECECEE url(/images/css_dotted.gif) repeat-x bottom;
}
asi tienes el borde superior en tu div y los inferiores en los links (y te salvas de ponerle una clase a cada link)
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
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 22:06.