Buenas noches Mario tienes razón de esta manera se ahorran lineas y se ve más limpio el css
#a, #b, #c {width: 300px;height: 300px;} . ya he modificado el código del ejercicio 1º,
En cuanto al 2º ejercicio yo creo que el problema me venia porque solo miraba el html en el navegador de crome y ahí me salia todo perfecto, pero cuando he leído tu mensaje he caído y lo he comprobado en firefox también y he visto el fallo, cada navegador se comporta de manera distinta pero he modificado el código como me has dicho y se ve bien en todos,
Ya he definido los valores height en el elemento id párrafo_2 del ejercicio 3º.
Aquí os dejo los códigos rectificados, gracias por vuestro tiempo, estoy aprendiendo mucho gracias a vosotros.
saludos.
Ejercicio 1º
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="description" content="aprenderaprogramar.com">
<meta name="keywords" content="propiedad position de css">
<meta charset="utf-8">
<title>Propiedad position de CSS</title>
<style>
/*Propiedad positión CSS: static, relative, absolute, fixed.*/
#header{
text-align: center;
border-style: dashed;
}
#padre{
width: 900px;height:1300px;
border-style: double;
}
#a, #b, #c{width: 300px;height: 300px;}
#a{
margin: 40px;padding: 30px;background-color: yellow;
position: relative;left: 200px;top: 100px;
}
#b{
margin: 40px;padding: 30px;background-color: blue;
position: relative;right: 50px;bottom: 50px;
}
#c{
margin: 40px;padding: 30px;background-color: rgb(188, 64, 64);
position: relative;left: 450px;bottom: 300px;
}
.footer{
border-style: dotted;
width: 95px;height: 50px;
}
</style>
</head>
<body>
<div id="header">
<h1>Propiedad positión css: static, relative, absolute, fixed.</h1>
</div>
<br/><br/>
<div id="padre">
<div ="menu">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
</div>
</div>
<br/><br/>
<div class="footer">
Realizado por PANDEMIA.
</div>
</body>
</html>
Ejercicio 3º
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="description" content="Aprenderaprogramar.com">
<meta name="keywords" content="propiedad position css. Ejercicio 3º">
<meta charset="utf-8">
<title>Propiedad positión CSS</title>
<style>
#cookies{
height: 100px;
background-color: yellow;
position: fixed;
}
#parrafo{
width:900px;
border-style: solid;
border-color: red;
border-width: 4px;
}
#parrafo_2{
width:900px;
border-style: dashed;
border-color: green;
border-width: 4px;
}
#parrafo_3{
width: 1000px;
border-style: dotted;
border-color: blue;
border-width: 4px;
}
</style>
</head>
<body>
<div id="cookies">
Esta página web utiliza cookies. Si continúa navegando acepta el uso de las cookies.
</div>
<br/><br/><br/>
<h3>Frases de libros famosos que hay que leer</h3><br/><br/>
<div id="parrafo">
<br/><br/>
1-Nuestras vidas se definen por las oportunidades, incluso las que perdemos.-El curioso caso de Benjamin Button de F. Scott Fitzgerald.<br/>
2-Qué maravilloso es que nadie necesita un solo momento antes de comenzar a mejorar el mundo.-El diario de Ana Frank.<br>
3-El hombre razonable se adapta al mundo: el hombre no razonable persiste en intentar adaptar el mundo a si mismo. Por tanto, todo progreso depende del hombre no razonable.-Hombre y superhombre de George Bernad Shaw.<br/>
4-No hay felicidad o infelicidad en este mundo; solo hay comparación de un estado con otro. Solo un hombre que ha sentido la máxima desesperación es capaz de sentir la máxima felicidad. Es necesario haber deseado morir para saber lo bueno que es vivir.-El conde de Monte Cristo de Alexandre Dumas.<br/>
5-La muerte destroza al hombre: la idea de la muerte le salva.-Howards End de E. M. Forster.<br/>
6-Cuando amamos, siempre nos esforzamos por ser mejores de lo que somos. Cuando nos esforzamos por ser mejor de lo que somos, todo a nuestro alrededor se vuelve mejor.-El Alquimista de Paulo Coelho.<br/>
7-Es mejor mirar al cielo que vivir allí.-Desayuno con diamantes de Truman Capote.<br/>
8-Deja de preocuparte por envejecer y piensa en crecer.-El animal moribundo de Philip Roth.<br/>
9-Querían hablar, pero no pudieron; había lagrimas en sus ojos. Ambos estaban pálidos y delgados; pero aquellos rostros pálidos estaban iluminados con el amanecer de un nuevo futuro. Crimen y castigo de Fiódor Dostoyevski.<br/>
10-No tengo idea de qué me espera, o que ocurrirá cuando todo esto termine. Por el momento se esto: hay gente enferma y necesito curarlas.-La plaga de Albert Camus.
</div>
<br/><br/>
<h3>Párrafos inolvidables</h3><br/><br/>
<div id="parrafo_2">
<br/><br/>
"Amor: una sola palabra, una cosa pequeña, una palabra no mayor ni más larga que el filo de una navaja. Eso es lo que es: una cuchilla. Corta tu vida por el centro, separándolo todo en dos, haciendo que caiga a uno u otro lado. Antes y después.
Antes y después. Pero también durante: un instante no mayor ni más largo que el filo de una navaja."
<br/><br/>
"Amor, la más mortal de las cosas mortales. Te mata tanto cuando la tienes como cuando no la tienes.
Pero no es así exactamente.
Eres el que condena y el condenado. El verdugo, la cuchilla, el indulto de última hora, la respiración jadeante y el cielo tormentoso y el «gracias, gracias, gracias, Dios».
Amor: te mata y te salva a la vez."
<br/><br/>
En ese instante se oyó un fuerte estrépito: Hermione había soltado los colmillos de basilisco que llevaba en los brazos. Corrió hacia Ron, se le echó al cuello y le plantó un beso en la boca. El chico soltó también los colmillos y la escoba y le devolvió el beso con tanto entusiasmo que la levantó del suelo.
- ¿Os parece que es el momento más oportuno? - preguntó Harry con un hilo de voz, y como no le hicieron ni caso, sino que se abrazaron aún más fuerte y se balancearon un poco, gritó -: ¡Eh! ¡Que estamos en guerra!
Ambos se separaron un poco, pero siguieron abrazados.
- Ya lo sé, colega - dijo Ron con cara de atontado, como si acabaran de darle en la cabeza con una bludger - Precisamente por eso. O ahora o nunca, ¿no?'
</div>
<br/><br/>
<h3>Frases de libros</h3>
<br/><br/>
<div id="parrafo_3">
<br/>
-Saber apreciar la belleza, no es lo mismo que sentir debilidad. ( En llamas)<br/>
-Dibujar algo es intentar capturarlo para siempre. ( Cazadores de sombras)<br/>
-Amar es destruir y ser amado es ser destruido (Ciudad de hueso)<br/>
-Pero la música es vida, y mientras suene nada muere para siempre (contra el viento del norte)<br/>
- Para hacerse un enemigo no se necesita nada. Mejor dicho, hasta es fácil... En cambio, el verdadero honor estriba en saber hacerse un amigo. Tienes que querer, ser querido, currártelo, ser leal, ser amado... y eso es mucho más difícil, más trabajoso, pero también más hermoso. (Federico Moccia)<br/>
-Estoy fuera de los recuerdos, del pasado, pero también estoy perdido. Antes o después las cosas que has dejado atrás te alcanzan, y las cosas más estúpidas, cuando estas enamorado, las recuerdas como las más bonitas... Porque su simplicidad no tiene comparación. Y me dan ganas de gritar. En este silencio que hace daño... (Federico Moccia)<br/>
-La única cosa verdaderamente importante, la única cosa que cuenta de verdad, es darle un sentido a la propia vida, aunque esta carezca de sentido, porque la felicidades no es una meta... si no un estilo de vida. (Perdona si te llamo amor)<br/>
-Sintonizar...¿qué querrá decir?. La sintonía es algo que tiene que ver con la música, o peor aún, con los circuitos. El amor, en cambio, es cuando no respiras, cuando es absurdo, cuando echas de menos, cuando es bonito aunque esté desafinado, cuando es locura... Cuando sólo de pensar en verlo con otra cruzarías a nado el océano... (Perdona si te llamo amor)<br/>
-Soñamos con el amor, lo perseguimos, lo encontramos y luego acabamos perdiéndolo. Día tras día, pensando que lo bueno estaba aún por llegar, esperando... y sin darnos cuenta acabamos perdidos en el presente. El amor es cuando no respiras, cuando es absurdo, cuando echas de menos, cuando es bonito aunque esté desafinado, cuando es locura... (Tengo ganas de ti)<br/>
-Hay pocas razones para decir la verdad, pero para mentir el número es infinito. (Carlos Ruiz Zafón)<br/>
-Las casualidades son las cicatrices del destino. No hay casualidades, somos títeres de nuestra inconsciencia. (Carlos Ruiz Zafón)<br/>
-Creía que la vida nos concede a cada uno de nosotros unos escasos momentos de pura felicidad. A veces son sólo días o semanas. A veces, años. Todo depende de nuestra fortuna. El recuerdo de esos momentos nos acompaña para siempre y se transforma en un país de la memoria al que tratamos de regresar durante el resto de nuestra vida sin conseguirlo. (Marina)<br/>
-No había un momento específico. Era como poco a poco despertarte. Pasas de estar dormido, en el espacio entre el sueño la vigilia y la conciencia. Es un proceso lento, pero cuando estás despierto, no te puedes confundir. No había duda de que estás enamorado.(we"ll always have summer)<br/>
" Qué fecha, a qué hora, nace un amor es algo difícil de precisar. ¿Nace la primera vez que vemos a la persona amada? ¿O la primera vez que, al buscarle los ojos, nos encontramos correspondidos con la misma mirada, esa que no pretende ver sino entrar a través de las pupilas? ¿Nace la primera vez que pronunciamos su nombre como si invocáramos todo el universo? ¿Nace cuando se dice, cuando se reconoce <>? ¿Nace y crece tan poco a poco que no se sabe cuándo nació? Nadie registra, cronómetro en mano, la fecha de nacimiento de un amor. Pero todo el mundo necesita un número rodeado con rotulador rojo en el calendario."<br/>
Pomelo y limón de Begoña Oro
-La vida real no está confinada por dimensiones exactas. Se extiende mas allá de los límites. Viene con defectos. Las cosas nunca son fáciles, en especial cuando tú esperas que lo sean. Como cuando las personas te decepcionan porque resultan ser completamente diferentes de quienes pensabas que eran. (So much closer- Susanne Collanti)<br/>
-Una pelea es como el fuego. Crees que lo tienes bajo control, crees que puedes detenerlo cuando quieras, pero antes de darte cuenta, está ardierdo, y no hay manera de controlarlo y fuiste tonta por creer que podrías hacerlo.<br/>
-Todo en la vida tiene un momento que lo cambia por completo. El momento no depende de alguien más, pero tu díficlmente sabes cuando éste ha llegado.<br/>
-Son las imperfecciones de una persona lo que la hacen perfecta para alguien más.<br/>
-"Los momentos cuando se pierden, no se pueden encontrar de nuevo. Sólo han pasado."<br/>
-“No importa que hagas o a dónde vayas para distraerte, la realidad te alcanza en algún momento”<br/>
-"Nada graba tan fijamente una cosa en nuestra memoria como el deseo de olvidarla".<br/>
-No es malo tener miedo, lo malo es dejar que el miedo domine tu vida, porque entonces no tendrás vida, solo miedo.<br/>
-A veces nos creemos que las personas son décimos de loteria: que están ahí para hacer realidad nuestras ilusiones absurdas.<br/>
-Los que mueren de verdad son los que no viven. Los que se reprimen porque los asusta el qué dirán. Los que hacen descuentos a la felicidad. Los que se comportan siempre de la misma forma pensando que no se puede hacer nada diferente, los que piensan que amar es como una jaula, los que nunca cometen pequeñas locuras para reírse de sí mismos o de los demás. Mueren los que no saben pedir ni ofrecer ayuda.<br/>
-"Alguien dijo una vez que en el momento en que te paras a pensar si quieres a alguien,ya has dejado de quererle para siempre..."<br/>
-Hay ocasiones en que no ves. No ves las cosas que tienes delante cuando lo único que buscas es la felicidad. Una felicidad que te ofusca, que te distrae, una felicidad que te absorbe como una esponja. No lo ves. Sólo ves lo que quieres ver, lo que necesitas, lo que te sirve.<br/>
-Hay instantes en la vida en que creemos haber caído en un agujero oscuro y profundo del que no lograremos salir jamás, como si una bomba hubiera estallado sobre nosotros y hubiese destrozado nuestras vidas con un toque ligero y limpio. Todo lo que hemos vivido hasta ese momento se derrumba, se destruye, desaparece de la faz de la tierra, y entonces nos preguntamos qué va a ser de nosotros, cómo vamos a hacer para volver a sonreír. Lo peor de todo es que salimos a la calle y vemos que la gente sigue riendo, los niños siguen jugando en el parque, las parejas siguen besándose como si no hubiera mañana. Nada ha cambiado, todo permanece igual, sólo tú eres distinto.<br/>
-Es extraño, pero a menudo ocurre que determinadas personas, importantes en nuestra existencia, al principio no nos gustan nada.<br/>
-Los recuerdos tristes dormitan largo tiempo en una de las innumerables cavernas de la memoria; se mantienen allí durante años, decenios, la vida entera. Después, un buen día vuelven a la superficie, el dolor que los había acompañado vuelve a estar presente, tan intenso y punzante como lo era aquel día de hace tantos años.<br/>
-A lo largo de los cruces de tu camino te encuentras con otras vidas: conocerlas o no conocerlas, vivirlas a fondo o dejarlas correr es asunto que sólo depende de la elección que efectúas en un instante. Aunque no lo sepas, en pasar de largo o desviarte a menudo esta en juego tu existencia, y la de quien está a tu lado.
</div>
</body>
</html>
Tema: curso CSS con HTML propiedad position css mostrar mensaje fijo pantalla CU01032D (Leído 3200 veces)
RSS -
WAP2