div sin espacio.

Citar

Escrito el 28 Feb 2006 09:18 am

hola, soy nuevo en css y la verdad me esta gustando muchisimo y es mucho mas facíl que personalizar cosas directas en html. necesito poner tres "div" por ejemplo:

Código :

<div class="blabla">contenido</div>
<div class="blabla2">contenido</div>
<div class="blabla3">contenido</div>

pero quiero que me queden pegadas y queda un espacio entre cada div.. como puedo hacer para que queden pegadas? que no parezca que son tres separaciones si no que se vea todo junto y seguido.. no se si me entiendan alguna ayudita? gracias..

Por el_fame

10 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 28 Feb 2006 09:35 am

Código :

.blabla { margin:0; }

Emm... una cosa, <div id="blabla">, donde id, es el identificador, usado para un solo "objeto"...
<div class="blabla">, donde class, es usado para muchas cosas...

id, para uno... class, para muchos

si le quieres dar el mismo valor a muchos div, usa un class o metelos dentro de un div contenedor y así asignarle los valores o que los hereden... espero que te sirva... y que lo que haya escrito no sea puras piedras.

Por J O S

712 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Lima, Perú

@jos_

Citar

Escrito el 28 Feb 2006 03:59 pm

El margen entre divs puede depender a veces de su contenido, por ejemplo los párrafos y títulos dejan su propio margen por fuera del div que los contenga.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 21 Jul 2009 06:12 am

para quitar espacio entre divs, si tengo una imagen dentro, le doy sus respectivas dimenciones, las mismas para el div y al mismo div le pongo overflow: hidden

html:

Código :

<div id="prueba">
   <img alt="img de prueba" src="imag_200x50.gif" />
</div>
<div>
  <p> algun texto de prueba</p>
</div>

css:

Código :

#prueba{
   height: 50px;
   width: 200px;
   overflow: hidden;
}

#prueba img{
  height: 50px;
  width: 200px;
}

suponiendo que la imagen es un gif de 200 x 50

bueno asi me resulto, espero y le sirva a algiuen

atte ckenox

Por centinela218

56 de clabLevel

Envíale un mensaje privado Email

Citar

Escrito el 21 Jul 2009 06:13 am

pd mas vale tarde que nunca

Por centinela218

56 de clabLevel

Envíale un mensaje privado Email

Citar

Escrito el 08 Sep 2012 03:00 am

Ha pasado mucho tiempo, pero como he encontrado como resolverlo, lo explico y así otros como yo pueden solucionar esto.

Primero, le he asignado una clase a los divs con margin: 0px, pero esto por sí solo responde bien únicamente en firefox. Para que se vea bien en iExplorer hice lo siguiente:

Reemplacé con esto:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
la línea del código similar que utilizaba comunmente.

Realmente no sé qué es porque soy autodidacta, pero visitando varios sitios que funcionaban correctamente cosas que en mis sitios no, y viendo el código fuente, noté alguna vez que esto solucionaba muchas veces mis problemas de CSS o Javascript.
En este caso del espacio entre divs, también.

Espero que le sea útil a alguien.

Por ciruela

0 de clabLevel

Envíale un mensaje privado

div sin espacio.

Escribe una respuesta rapida