Foros del Web » Creando para Internet » CSS »

Algunas dudas

Estas en el tema de Algunas dudas en el foro de CSS en Foros del Web. Hola, hace un tiempo ya que a las fuerzas aprendi a usar CSS y me gusto, pero como lo aprendi experimentando todavia me quedan algunas ...
  #1 (permalink)  
Antiguo 31/08/2006, 10:25
Avatar de [NiRVaNa]  
Fecha de Ingreso: abril-2004
Ubicación: Someplace In The Middle Of Nowhere!
Mensajes: 325
Antigüedad: 13 años, 8 meses
Puntos: 6
Algunas dudas

Hola, hace un tiempo ya que a las fuerzas aprendi a usar CSS y me gusto, pero como lo aprendi experimentando todavia me quedan algunas dudas que ahora creo que seria utiles saberlas. Aqui van
  1. De que sirve darle la propiedad height y width al body?
  2. Para que se utiliza la propiedad "nowrap"?
  3. Que hace exactamente el display: block; ?
  4. Porque cuando tengo una imagen dentro de un div con estilos la imagen se derborda y se le del div si no tiene ningun texto abajo?
  5. Como hago para que un div permanezca centrado en la pantalla dependiendo del tamaño de la ventana? (ej. como cuando se ve el foro en una resolucion grande)
  6. Es posible mediante css mantener centrado un div pero verticalmente?

Y una ultima, pero esta es mas para acomodar:
Yo tengo mi codigo html asi:
Código:
<div id="imagenes_pequeñas">Aca se muestra 5 imagenes pequeñas</div>
<div id="menu"><a href="...">Anterior</a> <a href="...">Siguiente</a></div>
Y lo que quiero es que el vinculo de anterior quede ubicado a izq del div "imagenes_pequeñas" y el vinculo siguiente, a la der del mismo. Y necesito que si o si los vinculos queden abajo del div en el codigo HTML.

Tengo que cambiar algo en la estructura del html, o se puee hacer con CSS. Espero respuestas. Desde ya muchas gracias.
  #2 (permalink)  
Antiguo 31/08/2006, 22:42
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Cita:
De que sirve darle la propiedad height y width al body?
Pues como cualquier otro elemento, body puede tener sus medidas relativas a las de la ventana del navegador. Por ejemplo, si le das a 'body' un ancho de 50%, ocupará la mitad de la ventana.
Cita:
Para que se utiliza la propiedad "nowrap"?
white-space : nowrap provoca que las líneas de texto no se corten, aunque no quepan en su contenedor. La forma de cortar las líneas en elementos con esta propiedad es usar <br>
Cita:
Que hace exactamente el display: block; ?
Convierte el elemento al que se lo pongas en una caja. Los elementos como div, p, o table son cajas (generan saltos de línea, tienen márgenes y padding, y principalmente, 'se salen' de la línea.) El valor 'opuesto' es 'inline', que hace que el elemento se mantenga en la misma línea, por ejemplo: span, strong, em, a, etc.
Cita:
Porque cuando tengo una imagen dentro de un div con estilos la imagen se derborda y se le del div si no tiene ningun texto abajo?
Quizás por el uso de 'float'.
Esta propiedad hace que el elemento al que se le aplica 'flote' por encima del que lo contiene. Si la pantalla fuera tridimensional, un elemento con 'float' estaría encima de su contenedor. (algo parecido a lo que se logra con z-index).
Cuando se usa 'float', las medidas del elemento flotante no afectan a las medidas de su contenedor. Por eso cuando le ponés texto abajo, estás forzando al contenedor a tener el tamaño necesario.
Cita:
Como hago para que un div permanezca centrado en la pantalla dependiendo del tamaño de la ventana? (ej. como cuando se ve el foro en una resolucion grande)
Para eso tenés que ponerle una medida (aunque sea en porcentajes) y usar:
margin-left : auto;
margin-right : auto;

Esto provoca que los márgenes sean iguales de ambos lados, y que se ajusten a lo necesario.
Cita:
Es posible mediante css mantener centrado un div pero verticalmente?
No es tan sencillo como en el caso horizontal, pero se puede.
Necesitás tener una medida de la altura del div, luego le ponés un css como éste:

position : absolute;
top : 50%;
margin-top : (altura del div / 2);

Cita:
Tengo que cambiar algo en la estructura del html, o se puee hacer con CSS. Espero respuestas. Desde ya muchas gracias
No necesariamente, yo lo haría así:
Al enlace 'Anterior':

float : left;
width : elquequieras
clear : none;

Al enlace 'siguiente':

float : right;
width : elquequierasperoquizasquierasponerleelmismoquealan terior
clear : none;

Tené cuidado con un detalle: seguramente tendrás que ajustar el margen superior del elemento inmediatamente inferior a los enlaces, e incluso ponerle 'clear : both' para que se ubique correctamente por debajo.


Antes de terminar, un aviso: esto lo escribí 'como me salió', quizás necesite algún retoque

Saludos.
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.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:20.