Foros del web, para los que viven de bits

neoven · 15-may-2006, 04:39

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

eljose · 15-may-2006, 05:32

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.

neoven · 16-may-2006, 21:50

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

15-may-2006, 05:32	#2 (permalink)
eljose Fecha de Ingreso: octubre-2005 Mensajes: 35	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. __________________ http://lawebdeljose.blogspot.com

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

16-may-2006, 21:50	#3 (permalink)
neoven Fecha de Ingreso: noviembre-2002 Ubicación: La red Mensajes: 208	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