Ver Mensaje Individual
  #24 (permalink)  
Antiguo 16/08/2007, 12:37
zUmBo!
 
Fecha de Ingreso: agosto-2007
Mensajes: 9
Antigüedad: 16 años, 8 meses
Puntos: 0
Re: diseñar TODA una web con layers??

Cita:
Iniciado por paois1 Ver Mensaje
hola muy bonitas y utiles las explicaciones pa que, pero alguien podria explicarnos como hacer para que utilizando los divs no suceda lo que sucede con la pagina de empilado (que la letra se sale de los marcos al modificar tamaño de letra)?
Hola paois, solo ahora he visitado la pagina de impilado. El estilo està escrito en una manera perfecta para volverse loco.

  1. no tenémos necesidad de dar el estilo a todos los layers
  2. muchas véces es mejor utilizar el position:relative
  3. no tenémos que especificar siempre el z-index
  4. MUY IMPORTANTE: no tenémos que poner todas estas capas, no olvidàmos que los otros objectos (p, h1,h2,h3...) son todos funcionantes como los layers, puedes decidìr l'anchura, imagenes y color de fondo, bordos, position, margin....cuasi todo lo que puedes hacer con los DIV!!!!
  5. si querémos dar una propiedàd igual a todo un grupo de elementos como por ejemplo dar absolute a todos los divs es bastante escrivir primero de todo:

Código HTML:
div{position:absolute;}
  1. no tenémos que dar siempre la altura y la anchura a los elementos de hecho la altura es mejor tenérla flexible.
  2. si ponémos las capas en position relative ellas partiràn desde la fine de la capa anterior
  3. cosa muy importante da considerar: las capas son objectos inline object (si bien recuerdo que se llaman asì) quiere decìr que si pones un objecto inline con position:relative, no importa que anchura es però otros objectos estaràn abajo de esto.

si quieres que otros objectos estaran a lado de esto tienes que utilizàr la propriedàd float por ejemplo:

Código HTML:
float:left;
este tiene que sér cierrado quando quieres que en la pagina no sea mas activo por ejemplo:

Código HTML:
#div1{float:left;}
#div2{float:left;}
#div3{float:left;}

.clear{clear:left;}
Código HTML:
<div id="div1">mi texto</div>
<div id="div2">mi texto</div>
<div id="div3">mi texto</div>
<!--div para desactivar float-->
<div class="clear"></div> 
el float es bueno si quieres creàr liquid design layout, porque cuando vas para apretàr la pagina las capas que no han espacio horizontal van automaticàmente abajo.

muchas otras cosas es importante sabèr una cosa buena son los libros que a mi me han ayudado mucho.

adioooss