1
Aprender a programar desde cero / Re:mover texto fuera de un bloque por ambos lados en css
« en: 03 de Septiembre 2014, 00:57 »
muchas gracias por la ayuda prestada.
Si tienes algún problema para registrarte en el foro o para escribir mensajes ponte en contacto con nosotros a través del formulario de contacto de aprenderaprogramar.com
Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Curso desarrollo aplicaciones móbiles</title>
<meta charset="utf-8">
<style type="text/css">
*{font-family:arial;}
body{width:800px; border-style:solid; border-color:#DCDCDC; border-width:15px; background-color:#FFAF0; margin:250px 0 0 500px;}
div{margin:15px;}
#cabecera{border-color:red; background-color:#696969; margin:0 15px 15px 15px;}
h1{color:#FF0000; position:relative; left:15px; top:10px;}
h4{color:#F8F8FF; position:relative; left:15px; bottom:15px;}
#columna{width:200px; background-color:#808080; float:right; margin:0 15px 15px 15px;}
#texto{width:550px; margin:15px; padding:3px; background-color:#DCDCDC;}
#bloque{border-style:dotted; border-color:#F8F8FF; border-width:5px; margin:15px; padding:0;}
#pie{border-color:blue; background-color:#696969; color:#F8F8FF; padding:3px;}
#parrafo{position:relative; left:15px;}
</style>
</head>
<body>
<div id="cabecera">
<h1>CABECERA</h2>
<h4>Subtítulo de la cabecera</h3>
</div>
<div id="columna">
<p id="parrafo">Esta es la columna de la derecha</p>
</div>
<div id="texto">
<p id="bloque">Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.</p>
<p id="bloque">Esto es Bloque 2</p>
</div>
<div id="pie">
<p id="parrafo">Esto es el pie de página</p>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Curso desarrollo aplicaciones móbiles</title>
<meta charset="utf-8">
<style type="text/css">
*{font-family:arial;}
body{width:800px; border-style:solid; border-color:#DCDCDC; border-width:15px; background-color:#FFAF0; margin:250px 0 0 500px;}
div{margin:15px;}
#cabecera{border-color:red; background-color:#696969; margin:0 15px 15px 15px;}
h1{color:#FF0000; position:relative; left:15px; top:10px;}
h4{color:#F8F8FF; position:relative; left:15px; bottom:15px;}
#columna{width:200px; background-color:#808080; float:right; margin:0 15px 15px 15px;}
#texto{width:550px; margin:15px; padding:3px; background-color:#DCDCDC;}
#bloque{border-style:dotted; border-color:#F8F8FF; border-width:5px; margin:15px; padding:0;}
#pie{border-color:blue; background-color:#696969; color:#F8F8FF; padding:3px;}
#parrafo{position:relative; left:15px;}
</style>
</head>
<body>
<div id="cabecera">
<h1>CABECERA</h2>
<h4>Subtítulo de la cabecera</h3>
</div>
<div id="columna">
<p id="parrafo">Esta es la columna de la derecha</p>
</div>
<div id="texto">
<p id="bloque">Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.</p>
<p id="bloque">Esto es Bloque 2</p>
</div>
<div id="pie">
<p id="parrafo">Esto es el pie de página</p>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta charset="utf-8">
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<link rel="stylesheet" type="text/css" href="ejercicio margin padding css.css">
</head>
<body>
<div>
<div class="uno">
<p>La cerveza (del celtolatín cerevisĭa1 ) es una bebida alcohólica, no destilada, de sabor amargo que se fabrica con granos de cebada u otros cereales cuyo almidón es fermentado en agua con levadura (básicamente Saccharomyces cerevisiae o Saccharomyces pastorianus) y frecuentemente aromatizado con lúpulo, entre otras plantas.1 2</p>
</div>
</div>
<div>
<div class="dos">
<p>De ella se conocen múltiples variantes con una amplia gama de matices debidos a las diferentes formas de elaboración y a los ingredientes utilizados. Generalmente presenta un color ambarino con tonos que van del amarillo oro al negro pasando por los marrones rojizos. Se la considera «gaseosa» (contiene CO2 disuelto en saturación que se manifiesta en forma de burbujas a la presión ambiente) y suele estar coronada de una espuma más o menos persistente. Su aspecto puede ser cristalino o turbio. Su graduación alcohólica puede alcanzar hasta cerca de los 30 % vol., aunque principalmente se encuentra entre los 3 % y los 9 % vol.</p>
</div>
</div>
</body>
<html/>
y este es el codigo css/*Curso CSS estilos aprenderaprogramar.com*/
div {background-color:#FFB6C1; border: solid thick black; width:445px;}
div.uno{width:250px; margin:20px}
div.dos{width:250px; margin:20px}
div div.uno{border-top:15px dotted #DC143C; padding-top:30px;}
div div.uno{border-right:10px dashed green; padding-right:45px;}
div div.uno{border-bottom:10px double #FF00FF; padding-bottom:0px;}
div div.uno{border-left:40px ridge #2F4F4F; padding-left:60px;}
div div.dos{border-top:15px dotted #DC143C; padding-top:30px;}
div div.dos{border-right:10px dashed green; padding-right:45px;}
div div.dos{border-bottom:10px double #FF00FF; padding-bottom:0px;}
div div.dos{border-left:40px ridge #2F4F4F; padding-left:60px;}
Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.
Abraham Lincoln (1808-1865) Presidente estadounidense.
aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación