Foros del Web - Bordes Css

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Bordes Css (http://www.forosdelweb.com/f53/bordes-css-393679/)

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

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.

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