Mostrar Mensajes

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.


Mensajes - joseantonio60

Páginas: [1]
1
Aprender a programar desde cero / Re:HTML CSS colores con distintos grados de transparencia web safe colors CU01020D#
« en: 26 de Abril 2017, 12:16 »
Solucionado.
Hice diferentes pruebas siguiendo tus consejos, y ya me aparecen los colores de forma correcta.

Gracias por todo y un saludo muy grande desde España.

2
Aprender a programar desde cero / Re:HTML CSS colores con distintos grados de transparencia web safe colors CU01020D#
« en: 25 de Abril 2017, 22:47 »
El resultado es el mismo que el tuyo. Si te fijas en la primera franja amarilla pone:
RGB 178.3.34 con trasparencia 1.0 tendría que ser el color rojo sin transparencia, sin embargo sale un amarillo opaco, y el siguiente que tendría que ser el amarillo opaco, sale con algo de transparencia.
Aqui te dejo el codigo html:
Código: [Seleccionar]
<!DOCTYPE HTML">
<!--Código base para el curso -->
<html lang="es">
  <head>
    <title>Web Safe Color</title>
    <meta name="author" content="Hugo A. Segura" />
    <meta name="description" content="Ejercicio CU01020D - aprenderaprogramar.com" />
    <meta name="keywords" content=aprenderaprogramr.com,web safe color,colores, css, rgba, hsl, colores html" />   
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <link rel="stylesheet" type="text/css" href="estilos6.css"/>
  </head>
  <body>
    <h1>Resolución ejercicio CU01020D</h1>
    <div>RGB 178,34,34 con transparencia 0.1</div>
    <div>RGB 178,34,34 con transparencia 0.2</div>
    <div>RGB 178,34,34 con transparencia 0.3</div>
    <div>RGB 178,34,34 con transparencia 0.4</div>
    <div>RGB 178,34,34 con transparencia 0.5</div>
    <div>RGB 178,34,34 con transparencia 0.6</div>
    <div>RGB 178,34,34 con transparencia 0.7</div>
    <div>RGB 178,34,34 con transparencia 0.8</div>
    <div>RGB 178,34,34 con transparencia 0.9</div>
    <div>RGB 178,34,34 con transparencia 1.0</div>
   
    <div>RGB 218,165,32 con transparencia 1.0</div>
    <div>RGB 218,165,32 con transparencia 0.9</div>
    <div>RGB 218,165,32 con transparencia 0.8</div>
    <div>RGB 218,165,32 con transparencia 0.7</div>
    <div>RGB 218,165,32 con transparencia 0.6</div>
    <div>RGB 218,165,32 con transparencia 0.5</div>
    <div>RGB 218,165,32 con transparencia 0.4</div>
    <div>RGB 218,165,32 con transparencia 0.3</div>
    <div>RGB 218,165,32 con transparencia 0.2</div>
    <div>RGB 218,165,32 con transparencia 0.1</div>
  </body>
</html>

CSS
Código: [Seleccionar]
/* Curso CSS estilos aprenderaprogramar.com*/

body {
  margin: auto;
  text-align: center;
  width: 60%;
  font-size:120%;
}
div{
height: 125px;
text-align: center;
font-weight: bold;
color: white;
border: 2px solid;
}

div:nth-child(1){background-color: rgba(178,34,34,0.1);}
div:nth-child(2){background-color: rgba(178,34,34,0.2);}
div:nth-child(3){background-color: rgba(178,34,34,0.3);}
div:nth-child(4){background-color: rgba(178,34,34,0.4);}
div:nth-child(5){background-color: rgba(178,34,34,0.5);}
div:nth-child(6){background-color: rgba(178,34,34,0.6);}
div:nth-child(7){background-color: rgba(178,34,34,0.7);}
div:nth-child(8){background-color: rgba(178,34,34,0.8);}
div:nth-child(9){background-color: rgba(178,34,34,0.9);}
div:nth-child(10){background-color: rgba(178,34,34,1);}
div:nth-child(11){background-color: rgba(218,165,32,1);}
div:nth-child(12){background-color: rgba(218,165,32,0.9);}
div:nth-child(13){background-color: rgba(218,165,32,0.8);}
div:nth-child(14){background-color: rgba(218,165,32,0.7);}
div:nth-child(15){background-color: rgba(218,165,32,0.6);}
div:nth-child(16){background-color: rgba(218,165,32,0.5);}
div:nth-child(17){background-color: rgba(218,165,32,0.4);}
div:nth-child(18){background-color: rgba(218,165,32,0.3);}
div:nth-child(19){background-color: rgba(218,165,32,0.2);}
div:nth-child(20){background-color: rgba(218,165,32,0.1);}


http://imgur.com/vSvP8IV

Gracias por la respuesta y dime en que puedo estar equivocado.

PD el navegador que utilizo es el FireFox y SO es Win7

3
Aprender a programar desde cero / Re:HTML CSS colores con distintos grados de transparencia web safe colors CU01020D#
« en: 20 de Abril 2017, 19:33 »
He copiado y pegado los codigos y me salen 9 rojos y 11 amarillos.
He mirado y remirado tanto el codigo HTML como el CSS y esta todo correcto.

No se si es un error de mi navegador o del codigo.

Saludos.

PD. No he abierto un nuevo tema porque no lo consideraba de importancia.

4
Aprender a programar desde cero / Re:CSS añadir elementos dentro de otros elementos anidamiento de regla CU01013D.
« en: 19 de Abril 2017, 11:01 »
Efectivamente, colocando el codigo css directamente en el documento html funciona correctamente.

También he probado con el css externo y ahora tambien aparecen los resultados buscados.
¿Por que  ayer no y hoy sí? Supongo que son misterios de la programación. :o

Gracias  ;)

5
Aprender a programar desde cero / Re:CSS añadir elementos dentro de otros elementos anidamiento de regla CU01013D.
« en: 18 de Abril 2017, 15:17 »
Gracias por la respuesta. he reescrito el código de nuevo pero sigue sin salir como debiera.

Lo importante es que me dices que esta bien, ya que tenia la impresión de que no me estaba enterado de nada.

Gracias de nuevo

6
Aprender a programar desde cero / CSS añadir elementos dentro de otros elementos anidamiento de regla CU01013D.
« en: 17 de Abril 2017, 13:55 »
Ante todo saludos ya que soy nuevo en el foro.

Mi pregunta es como debo hacer para añadir una nueva regla para que, por ejemplo, los párrafos me salgan en oblicuo.

Intento hacer de la siguiente manera:

Codigo html

Código: [Seleccionar]
<!DOCTYPE html>

<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="estilos4.css">

</head>

<body>

<div class="principal"><h1>Novedades</h1><p>Aquí presentamos las novedades del sitio.</p></div>

<div class="secundario">

<h3>Lanzamos el producto <span>X-FASHION</span></h3>

<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>

<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>

</div>

<div class="secundario">

<h3>Mejoramos el producto <span>T-MOTION</span></h3>

<p>Hemos lanzado una nueva versión del producto T-MOTION</p>

<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>

</div>

</body>
</html>

Codigo CSS

Código: [Seleccionar]
.principal  h1{
 color:red;
 font-size:150%;
 }
 .secundario h3 {
color:green;
font-size:110%;
 }
  .secundario h3 span {
background-color:red;
font-size:200%;
 }
 .secudario p {
font-style:oblique;
 }
Entiendo que, con el último elemento, estoy diciendo que todos los parrafos que se encuentren en class secundario tendrian que ser del tipo de letra oblicuo, pero algo estoy haciendo mal, ya que, no sale.

En lecciones anteriores explica como darle formato a los parrafos que no se encuentran entre divisores, pero en este caso si lo están.

Gracias de antemano.


Páginas: [1]

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

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".