lunes, 31 de enero de 2011

Modificando las plantillas (Tutorial 9: El orden)


Las páginas web se cargan en orden, en el orden en que están escritas; de arriba hacia abajo y de izquierda a derecha.



Es por eso que, cuando muchos preguntan cómo hacer que las entradas se carguen antes que la sidebar, la respuesta es simple: hay que inveritr el orden en que están colocadas en la plantilla; es decir, si tenemos esto:
<div id='sidebar-wrapper'>

  .......
</div>
<div id='main-wrapper'>
  .......
</div>
El DIV sidebar-wrapper se cargará antes que el DIV main-wrapper, sin importar cuales sean sus propiedades.




Entre esas propiedades, float es la que posiciona el rectángulo a la derecha o a la izquierda y lo normal, en ese caso, es que el primero flote a la izquierda y el segundo a la derecha:
#main-wrapper { float: left; }
#sidebar-wrapper { float: right; }


sidebar 1º
entradas 2º


da lo mismo si ambos flotan a la izquierda:


sidebar 1º
entradas 2º


o si ambos flotan a la derecha



sidebar 1º
entradas 2º


en todos estos casos, la sidebar se cargará primero porque el DIV está antes así que si queremos invertir esto, hay que cambiar su orden:
<div id='main-wrapper'>
  ....... esto se cargará primero sin importar el valor de float .......
</div>
<div id='sidebar-wrapper'>
  .......

</div>
y, si queremos que la sidebar se vea a la izquierda, hay que establecer el valor de float:
#main-wrapper { float: right; }
#sidebar-wrapper { float: left; }


entradas 1º
sidebar 2º



















Fuentes - Fonts

SOUV2BalaramScaGoudyFOLIO 4.2Biblica Font






free counters


Disculpen las Molestias



INFORMÁTICA - UTILIDADES


Publicado por en
Etiquetas:

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)

Correo Vaishnava

Mi foto
Correo Devocional

Archivo del blog