Foros del Web » Creando para Internet » CSS »

Bordes Css

Estas en el tema de Bordes Css en el foro de CSS en Foros del Web. Hola Amigos, Estoy intentando hacer de darle estilos a unos divs pero no me muestras los bordes y no me repeta el ancho, les dejo ...
  #1 (permalink)  
Antiguo 15/05/2006, 04:39
Avatar de neoven  
Fecha de Ingreso: enero-2002
Ubicación: La red
Mensajes: 207
Antigüedad: 22 años, 3 meses
Puntos: 0
Bordes Css

Hola Amigos,

Estoy intentando hacer de darle estilos a unos divs pero no me muestras los bordes y no me repeta el ancho, les dejo aqui los estilos a ver si ustedes ven el error porque yo no lo veo


ESTILOS
Código:
/***************************************
Lista                                  *
***************************************/

div.item_anunciante{
  width: 366px;
  position: relative;
}

div.item_anunciante_up{
  width: 366px;
  height: 10px;
  background: url(images/item_anunciante_up.gif) no-repeat;
}

div.item_anunciante_content{
  width: 366px;
  border: 1px solid #E5E5E;
  background: url(images/item_anunciante_lupa.gif) bottom right no-repeat;
  padding: 5px;
}

div.item_anunciante_content h1{
  font-family:  "Trebuchet MS", Verdana, Arial;
  font-size:  12px;
  color: #0000CC;
  border-bottom: 3px solid #FF6600;
}

div.item_anunciante_bottom{
  width: 366px;
  height: 8px;
  background: url(images/item_anunciante_bottom.gif) no-repeat;
}
HTML

Código HTML:
 <div class="item_anunciante">
        <div class="item_anunciante_up"></div>
        <div class="item_anunciante_content">
         <h1>Restaurant Cristalmar</h1>
         <p>Dirección: </p>
         <p>Telefónos</p>
        </div>
        <div class="item_anunciante_bottom"></div>
      </div> 
Y aqui pueden ver el problema en acción

http://www.idvirtual.com/archivos/kebuskas/interna.html

Última edición por neoven; 15/05/2006 a las 04:45
  #2 (permalink)  
Antiguo 15/05/2006, 05:32
 
Fecha de Ingreso: octubre-2005
Mensajes: 35
Antigüedad: 18 años, 5 meses
Puntos: 0
A mi me muestra todos los bordes. Yo creo que sól quieres mostrar los bordes de los lados.

Para eso en vez de poner:

div.item_anunciante_content{
width: 366px;
border: 1px solid #E5E5E;
background: url(images/item_anunciante_lupa.gif) bottom right no-repeat;
padding: 5px;
}

podrías poner:

div.item_anunciante_content{
width: 366px;
border-right: 1px solid #E5E5E;
border-left: 1px solid #E5E5E;
background: url(images/item_anunciante_lupa.gif) bottom right no-repeat;
padding: 5px;
}

Prueba a quitarle el padding o a poner un width de 366-10 px, es decir: 356px así será igual de ancho que las imágenes. I iguala el color del borde con el color de los bordes de las imagenes.

No lo he probado, pero creo que así se soluciona.
  #3 (permalink)  
Antiguo 16/05/2006, 21:50
Avatar de neoven  
Fecha de Ingreso: enero-2002
Ubicación: La red
Mensajes: 207
Antigüedad: 22 años, 3 meses
Puntos: 0
ok gracias, lo unico que quedo con un pequeño espacio entre div.item_anunciante_up y div.item_anunciante_content, y ya le coloque a todos los div padding y margin 0
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 16:30.