agregar Sidebar

Sidebar flotante


El sidebar, que es habitualmente usado como columnas web independiente al contenido principal es muy usado, especificando atributos de composicion "altura, anchura, color de fondo, estilo de letra, margenes, padding(espacio de relleno vacio), bordes, posicion (necesario especificar espacio vacio izquierda y arriba), flotador, y entra mas cosas que admite el sidebar "su traduccion recuadro complementario"

Codigo CSS
<style>
.pilar-left {
float:left;
width: 300px;
height:auto;
position:relative;
background-color:orange;
padding:5px 5px 5px 5px;
margin:0px 5px 0px 0px;}
</style>
<style>
.elpilarder {
float:right;
position:relative;
width: 330px;
background-color:green;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;}
</style>
Codigo HTML
<div class="pilar-left">
La Mecánica Cuántica:
- A lo largo....</div>

nota: se alinea ala izquierda, porque esta especificado "float:left" la segunda columna tambien tiene aplicado el mismo "class="pilar-left" " por eso se ve junto, el espacio que se visualiza entre medio de las columnas, es por especificar "margin 0px 5px" (este segundo tamaño corresponde al margen derecho, caso alternativo usar el nombre exacto: margin-right:10px; como ejemplo)
<div class="elpilarder">
- El físico Bohr consideró...</div>

nota: la alineacion es ala derecha, del limite del cuadro de contenido presente, sino hay alguno establecido se alineara ala derecha absoluta del borde del monitor

La Mecánica Cuántica:
- A lo largo de las enunciaciones de la Física Clásica, siempre se tuvo en cuenta todo lo empírico para conocer teóricamente el mundo microscópico. A medida que avanzaba el siglo XX, la Física Clásica quedaba totalmente obsoleta para explicar fenómenos atómicos que implican una cuantificación apreciable
- Para explicar este mundo microscópico, nació la Mecánica Cuántica. Estas nuevas formulaciones fueron establecidas al admitir el carácter ondulatorio de la materia y fue formulada alternativamente por los físicos Schrodinger y Heisenberg.
- El físico Bohr consideró que las ondas luminosas debían ser interpretadas como ondas de probabilidad. Esta probabilidad de encontrar el fotón en un determinado punto era igual al cuadrado de su amplitud (la intensidad). De esta forma, las ondas son probables, no reales. Esta probabilidad la define en términos exactos: la posiciones y las velocidades de cada partícula subatómica son aleatorias, no tienen valores definidos, la exactitud de un valor depende de la exactitud del otro valor. De esta manera, enuncia que estos factores tienen cierta probabilidad de tener un valor determinado.

Note: al finalizar, es preferible usar una etiqueta:
<div style="clear:both;"></div>
que no permite el superpocicion con los siguientes contenidos fuera delas sidebar-columnas, si esta asi vacio, no importa porque "clear:;both" reconoce como siguiente linea inferior independiente de las anteriores, asi evito la invacion en espacios libre de los flotantes anteriores, (el parrafo escrito recien se nota que ocupa la linea de texto completa sino estuviera el stylo clear, trataria ocutar todos los espacios sobrantes, como por ejemplo abajo de la columnas izquierdas de color naranja

ejemplo:


Ir a la Lista Ir al primero de la Lista Ir a pagina inicio


Comentarios

Entradas populares de este blog

Bokutachi wa Benkyou ga Dekinai 2 / capitulo 5 / lleno de ecchi, osea una joya