Hi!
Para no irme tan lejos, me gustaría que alguien me aclarará: exactamente para qué sirve display:block????. Hasta ahora no sé... y los tuto que tengo los nombran pero no lo explican.
Gracias por la ayuda...
30/09/2006, 08:39
| ||||
| ||||
 Duda con display:block Hi! Para no irme tan lejos, me gustaría que alguien me aclarará: exactamente para qué sirve display:block????. Hasta ahora no sé... y los tuto que tengo los nombran pero no lo explican. Gracias por la ayuda... |
|
30/09/2006, 09:48
| |||
| |||
| por defecto, en la visualización de un documento, algunos elementos generan cajas (saltos de línea antes y después, márgenes y dimensiones propias, por ejemplo) y otros elementos no, son los llamados elementos en línea, que no generan salto de línea, y sus dimensiones no son tan manejables. Ejemplo de elementos en línea: - a - strong - span - acronym Ejemplo de elementos en bloque: - div - table - p ¿se entiende la diferencia? Lo que hace display es cambiar el 'tipo' de elemento, cambia la forma en que se muestra. display: block aplicado a un <a>, por ejemplo provocará que se muestre como una caja. Aplicado a un div, en principio no cambiará nada . Saludos. |
|
30/09/2006, 13:30
| ||||
| ||||
| Puedes consultar la especificación: http://www.sidar.org/recur/desdi/traduc/es/css/box.html y te pongo un ejemplo para que veas la explicación de Alvin: Cita: Revisalos, y de TAREA busca cambiar un elemento de bloque como p a elemento inline. Te pongo los pedazos de tu tarea. Acomódalos y ve que pasa.<p>Hola, <span style="background-color: red;">esto es un elemento inline<span> está dentro del renglón<p> <p>Hola, <span style="background-color: red; display: block;">esto es un elemento de bloque<span> que ha roto el renglón<p> Cita: <p>Hola, esto es un elemento normalmente de bloque</p> <p>y este es otro también. ah habido un salto de párrafo.</p> display ; inline Última edición por Rafael; 30/09/2006 a las 13:36 |
|
30/09/2006, 17:59
| ||||
| ||||
| Veo, trato de captar la idea, gracias por el link de ayuda!. Pero, una cosa más, cuando sé que debo utilizarlo? o en cuál es el momento apropiado para utlizarlo? Gracias nuevamente.  |
|
30/09/2006, 18:30
| ||||
| ||||
| Hola: Cada elemento tiene "por defecto" la forma adecuada de visualización, así que en teoría es algo de lo que no deberías preocuparte. Un span con display block lo conviertes "visualmente" en un div y un div con display inline se convierte en span. Solo puede serte útil si por scripts (o pseudo-clases [creo que se llaman así])piensas mostrar/ocultar elementos, pero ya tendríamos que estudiar también el uso del estilo visibility (que reserva el espacio) Saludos 
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
|
03/10/2006, 01:28
| ||||
| ||||
| En general lo he visto y usado para hacer menús, donde el área sensible es todo el cuadrito, y no solo el texto es un a, que es un elemento inline, convertido a un block. Pero lo ideal es que no conviertas indiscriminadamente. Por algo las cosas son lo que son. |
|
01/11/2010, 17:39
| |||
| |||
| Respuesta: Duda con display:block Cita: Aquí si que se entendio, bueno, igual si no hubiera leido a los de arriba no entenderia nada.
Iniciado por Rafael  En general lo he visto y usado para hacer menús, donde el área sensible es todo el cuadrito, y no solo el texto es un a, que es un elemento inline, convertido a un block. Pero lo ideal es que no conviertas indiscriminadamente. Por algo las cosas son lo que son. GRACIAS A TODOS!!!! :apla uso: |
