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.


Temas - Xarlie

Páginas: [1]
1
Aprender a programar desde cero / Ejercicio CU01061D curso CSS: radial-gradient y border image, no se muestra bien
« en: 05 de Noviembre 2014, 19:45 »
Hola buenas, antes de nada agradeceros como siempre vuestra dedicacion y estos maravillosos cursos, y aqui viene mi duda.
En el ejercicio de radial gradient pedis una imagen con degradado y un borde hecho a partir de una imagen o fragmento de esta.

El problema es que la imagen degradada siempre ocupa el espacio de los bordes y la imagen que debe expandirse como borde no lo hace.

Aqui os dejo el codigo y gracias de antemano!

Código: [Seleccionar]
div{margin:0 auto; width:400px; height:200px; border: 30px solid transparent;  border-image: url(../img/borde.jpg) 30 30 stretch;
 background-image: radial-gradient(ellipse farthest-corner at 45px 45px , #00FFFF 0%, rgba(0, 0, 255, 0) 50%, #0000FF 95%);}

2
Aprender a programar desde cero / CU01015D Selectores avanzados CSS uso de odd y even elementos impares y pares
« en: 17 de Octubre 2014, 19:55 »
Buenas de nuevo y de nuevo gracias por estos grandes cursos :)
En la entrega nº 15 de CSS nos dan como ejercicio resuelto este pequeño codigo html
Código: [Seleccionar]
<ul>
<li><a href="#">Inicio</a></li>
<li> <a href="libros.html">Libros de programación</a> </li>
<li> <a href="cursos.html">Cursos de programación</a> </li>
<li> <a href="humor.html">Humor informático</a> </li>
</ul>
<!-- fin menu -->
en el cual debemos definir que esta lista es de clase (class) especial. La clase especial no tendrá estilos especificados. En cambio, deberá definirse que los elementos li dentro de la lista ul de clase especial tengan color de fondo gris para los elementos impares (primero, tercero, quinto, séptimo…) y color de fondo rosa para los elementos pares (segundo, cuarto, sexto, octavo…).

el codigo css incluido en la solucion es el siguiente
Código: [Seleccionar]
ul.especial li:nth-child(odd) {background-color: grey;}
ul.especial li:nth-child(even) {background-color: pink;}
el cual al igual que otra de las opciones validas para solucionar el ejercicio no me funciona
He probado simplemente con ul y con li y funcionan perfectamente excepto cuando entra en juego el atributo class

Código: [Seleccionar]
ul li:nth-child(odd) {background-color: grey;}
 ul li:nth-child(even) {background-color: pink;}
de esta manera funciona pero logicamente tendria problemas mas adelante en el caso de tener varias listas definidas con el atributo class

Una vez mas muchas gracias por tu esfuerzo un saludo :)

3
Aprender a programar desde cero / Ejercicio CU01013D# curso CSS desde cero cómo encadenar varios selectores enlace
« en: 16 de Octubre 2014, 01:11 »
Buenas primeramente daros las gracias por estos cursos que me estan ayudando mucho y son realmente amenos.

Respecto al ejercicio CU01013D del curso de programación con CSS desde cero de aprenderaprogramar tengo un problema que no logro resolver a ver si me podeis echar una mano y gracias de antemano ;)

Usando CSS establece como color de fondo el amarillo (yellow) para los elementos span que se encuentren dentro de elementos h3 que se encuentren dentro de elementos cuyo atributo class sea <<secundario>>.

Código: [Seleccionar]
<!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 name="description" content="Portal web aprenderaprogramar.com">

<meta name="keywords" content="aprender, programar, cursos, libros"><meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="../CSS/Estilos.css"></link>

</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 T-MOTION</h3>

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

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

</div>

</body>
</html>
Código: [Seleccionar]
h3.secundario span{background-color:yellow;}
He probado con otras combinaciones y funciona todo a la perfeccion excepto esta parte que no entiendo, muchas gracias compañeros !

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".