Foros del Web » Diseño web » CSS »

Bordes superior e inferior en Explorer

Estas en el tema de Bordes superior e inferior en Explorer en el foro de CSS en Foros del Web. Hola, tengo un div que el IExplore no me muestra los bordes superior e inferior, creo que es por que hay una distancia insuficiente con ...
  #1 (permalink)  
Antiguo 26/02/2009, 01:50
Avatar de PosProdukcion  
Fecha de Ingreso: noviembre-2004
Ubicación: Manzanares el Real (Madrid)
Mensajes: 726
Antigüedad: 9 años, 4 meses
Puntos: 9
Bordes superior e inferior en Explorer

Hola, tengo un div que el IExplore no me muestra los bordes superior e inferior, creo que es por que hay una distancia insuficiente con los objetos de arriba y abajo, si pongo por ejemplo un hr entre medias me los muestra, pero no quiero separarlo tanto, a ver si con imágenes se entiende mejor:

Firefox (correcto):


Internet Explorer:

El código:

Código html:
Ver original
  1. <!-- CONTENEDOR -->
  2. <div class="areaItems">
  3.    <!-- hr style="visibility:hidden" /-->
  4.    <div class="botonIndice">
  5.         <a href="javascript:desplegarIndice()" title="Desplegar &iacute;ndice">
  6.         <span>&Iacute;NDICE</span>
  7.         <img src="imagenes/abajo2.png" class="icono" alt="Desplegar &iacute;ndice" />
  8.         </a>
  9.    </div>
  10.   <!-- AQUI VA UN DIV OCULTO (position:absolute) QUE SE MUESTRA AL PULSAR EL LINK -->
  11. </div>

El CSS:

Código css:
Ver original
  1. .areaItems {
  2.     position: relative;
  3.     float: right;
  4.     width: 32%;
  5.     text-align: right;
  6. }
  7.  
  8. .botonIndice{
  9.     display: inline;
  10.     margin: 4px;
  11.     padding: 3px;
  12.     color: #40849b;
  13.     background-color: white;
  14.     border: 1px solid #40849b;
  15.     font-style: italic;
  16.     font-weight: bold;
  17. }
  18.  
  19. .botonIndice a{
  20.     color: #40849b;
  21.     text-decoration: none;
  22. }
  23.  
  24. .icono
  25. {
  26.     display: inline;
  27.     border: 0px;
  28. }
  29.  
  30. a .icono:hover
  31. {
  32.     border: 0px;
  33.     text-decoration: none;
  34. }

Lo que quiero es que los bordes se vean en IE, claro

Gracias, saludos
  #2 (permalink)  
Antiguo 26/02/2009, 08:29
 
Fecha de Ingreso: octubre-2007
Ubicación: Berlin
Mensajes: 51
Antigüedad: 6 años, 5 meses
Puntos: 1
Respuesta: Bordes superior e inferior en Explorer

Código HTML:
.botonIndice{
    display: block;
    margin: 4px;
    padding: 3px;
    color: #40849b;
    background-color: white;
    border: 1px solid #40849b;
    font-style: italic;
    font-weight: bold;
}
simplemente cambia el display inline por el block :P

lo demas sera que ajustes los demas estilos y listo :P no se si funcione en IE6 pero en IE7 seguro...xD lo acabo de probar :P

suerte
  #3 (permalink)  
Antiguo 26/02/2009, 08:53
Avatar de PosProdukcion  
Fecha de Ingreso: noviembre-2004
Ubicación: Manzanares el Real (Madrid)
Mensajes: 726
Antigüedad: 9 años, 4 meses
Puntos: 9
Respuesta: Bordes superior e inferior en Explorer

Eso era, gracias
  #4 (permalink)  
Antiguo 26/02/2009, 08:56
 
Fecha de Ingreso: octubre-2007
Ubicación: Berlin
Mensajes: 51
Antigüedad: 6 años, 5 meses
Puntos: 1
Respuesta: Bordes superior e inferior en Explorer

de nada... xD
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:22.
SEO by vBSEO 3.3.2