Foros del Web » Creando para Internet » CSS »

display: block

Estas en el tema de display: block en el foro de CSS en Foros del Web. ¿En esta especificación que es lo que hace display: block? #navlist a { ... display: block; ... }...
  #1 (permalink)  
Antiguo 15/01/2005, 14:55
 
Fecha de Ingreso: noviembre-2003
Mensajes: 383
Antigüedad: 14 años
Puntos: 2
display: block

¿En esta especificación que es lo que hace display: block?

#navlist a
{
...
display: block;
...
}
  #2 (permalink)  
Antiguo 15/01/2005, 20:28
 
Fecha de Ingreso: diciembre-2004
Ubicación: En mi ksa
Mensajes: 267
Antigüedad: 13 años
Puntos: 0
al parece hace lo mismo que (no estoy seguro):
Código:
{ 
   width: 100%;
   heigth: 100%;
   margin: 0px 0px 0px 0px;
{
__________________
--------------------------------------------------
[::Matthew Beyer::]
MaEsTrOsWeB
Chile
--------------------------------------------------

Última edición por Matthew_182; 15/01/2005 a las 20:29
  #3 (permalink)  
Antiguo 15/01/2005, 22:22
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Cita:
Iniciado por Matthew_182
al parece hace lo mismo que (no estoy seguro):
Código:
{ 
    width: 100%;
    heigth: 100%;
    margin: 0px 0px 0px 0px;
 {
En lo absoluto.

Con display: block; especificas que el elemento se comporte como un elemento de bloque. Algunos ejemplos de elementos en bloque por defecto son los DIV, P, TABLE, BLOCKQUOTE, UL, LI, etc... Algunos ejemplos de elementos en línea son: (cualquier texto), A, IMG, SPAN, STRONG, EM, etc...
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #4 (permalink)  
Antiguo 16/01/2005, 07:58
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
Lista de los elementos inline :
http://www.htmlhelp.com/reference/html40/inline.html

Lista de los elementos block:
http://www.htmlhelp.com/reference/html40/block.html
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/

Última edición por PascalC; 16/01/2005 a las 08:26 Razón: error en mi frase
  #5 (permalink)  
Antiguo 17/01/2005, 06:41
 
Fecha de Ingreso: enero-2005
Mensajes: 14
Antigüedad: 12 años, 11 meses
Puntos: 0
Si los div son elementos de bloque, dos div seguidos deberían quedar uno debajo del otro. Sin embargo a mí me quedan uno al lado del otro. ¿A qué se debe?. Gracias
  #6 (permalink)  
Antiguo 17/01/2005, 07:59
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
Significa que tienes definido en tus CSS que no se comporten asi.
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
  #7 (permalink)  
Antiguo 17/01/2005, 08:08
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
si le pones un ancho, o especificas que floten, se veran uno al lado del otro.
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #8 (permalink)  
Antiguo 08/08/2011, 05:42
 
Fecha de Ingreso: agosto-2011
Mensajes: 1
Antigüedad: 6 años, 4 meses
Puntos: 0
Respuesta: display: block

Cita:
Iniciado por josephhh Ver Mensaje
Si los div son elementos de bloque, dos div seguidos deberían quedar uno debajo del otro. Sin embargo a mí me quedan uno al lado del otro. ¿A qué se debe?. Gracias
Hola,

Decirte que a mí me pasaba lo mismo, y lo solucioné (me funciona tanto con IE como con Firefox), con el siguiente código:

ul { /* all lists */
margin: 0;
border: 0 none;
padding-left: none; /* Esto es para que se desplacen a la dcha */
/* width: 500px;*/ /*For KHTML*/
width:12em; /* MUY IMPORTANTE */
list-style: none;

text-decoration:none;
height: 20px;
border:1px solid #fff;
padding-bottom:5px;
font-weight: normal;
font-size: 11px;
color: #6e6e6e;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

li { /* all list items */
margin: 0;
border: 1;
padding-left: 2.4em; /* Esto es para que se desplacen a la dcha */
float: left; /*For Gecko*/
display: block;
list-style: none;
position: relative;
height: 20px;
padding-bottom:0px;
font-weight: normal;
font-size: 11px;
color: #6e6e6e;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

li ul { /* second-level lists */
display: none;
position: relative; /* "relative" hace que se abra el menú hacia abajo */
top: 1em;
left: 5;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
background:#D1F3FF;
display:inline-block;

}
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.
Tema Cerrado

SíEste tema le ha gustado a 2 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 22:11.