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 - AnalfabetaDigital

Páginas: [1]
1
De todo un poco... / Usar kompozer cómo refrescar el CSS de una página web
« en: 18 de Junio 2016, 21:32 »
Buenas, a ver si alguien me puede ayudar.

Estoy intentando hacer una web con el editor Kompozer de Motzilla, el problema recae en que, se supone, que me tiene que facilitar las cosas, pero utilizando su menú no me aclaro. Despúes de varios días con la tentación de arrancar la pantalla del ordenador y lanzarla por la ventana  >:(, hoy he empezado a insertar el código css enlazándolo. La cosa es que para poder ver cómo quedará el resultado, tengo que guardar el archivo css y cerrar Kompozer para que se actualice.

Puede ser que yo no me entere muy bien cómo funciona o puede ser que haya alguna manera de enlazar el css sin necesidad de cerrarlo todo para que se vea actualizada la web.

Muchas gracias de antemano y un saludo. ;)

2
Aprender a programar desde cero / CSS y HTML first-letter font-size text-transform uppercase ejercicio CU01042D
« en: 01 de Junio 2016, 18:03 »
Hola, otra vez  :D

Bueno, siguiente ejercicio, siguiente problema. Yo no sé ya si pensar, que es un tema o del navegador o del compilador o que yo no doy pa más....

Os lo expongo: cuando en el div1 y el div2 pide el "letter-spacing" , se lo añado y no me cambia nada; sin embargo, en el div3 que pide "word-spacing" sí que me sale correcto.
Más: cuando me pide en el"div1" que la primera letra debe convertirse a un tamaño desproporcionado, el compilador no me reconoce el código

 
Código: [Seleccionar]
::first-letter {font-size: 300%; text-transform: uppercase;
sólo me da la opción de coger toda la palabra. Aunque no me lo reconoce, he probado a poner el código y no pasa nada.

Bueno, muchas gracias.

Un saludo.

3
Aprender a programar desde cero / CSS overflow: hidden; white-space: nowrap; text-overflow: ellipsis CU01041D
« en: 01 de Junio 2016, 17:22 »
Buenas foreros,  :)

Tengo un problemilla (cómo no..) con el ejercicio. Cuando en el div1 añado el código:
Código: [Seleccionar]
{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} lo que veo me pasa es que me corta el texto en la primera frase acabándola con los puntos suspensivos. No entiendo porqué.
Sólo me pasa con esto, en el segundo div que se acaba con clip, sale correcto.

Alguien me puede ayudar?

Gracias y un saludo.

4
Aprender a programar desde cero / Re:Problemas con ejercicio (CU01036D)
« en: 31 de Mayo 2016, 12:14 »
Buenas,

Muchísimas gracias, Pedro por tu ayuda. Me he estado revisando los enlaces que me has enviado y me ha aclarado bastante la cosa.

Un saludo  ;)

5
Aprender a programar desde cero / Re:Problemas con ejercicio (CU01036D)
« en: 30 de Mayo 2016, 13:40 »
Buenas,


Como nadie me dice nada, yo sigo haciendo pruebas. He cambiado el código CSS y ahora sólo me descuadra el cuadro "espacio reservado para publicidad".

Os paso el HTML, que también lo he retocado:
Código: [Seleccionar]
<body>
<div class="h1">
<h1>Bienvenidos a aprenderaprogramar.com</h1>
</div>
<div class="menu">
<ul>
Menu:
<li>Cursos</li>
<li>Humor</li>
<li>Divulgacion</li>
</ul>
</div>
<div class="caja1">
Conoce las ultimas novedades del lenguaje JavaSript.
<div class="interior">
Articulo sobre Gimp, un programa de software libre para el diseño grafico.</div>
</div>


<div class="caja2">
<p>Espacio reservado para publicidad</p>
</div>

<div class="caja3">
<p>Contacta con nosotros</p>
</div>
<div class="caja4">
<p>Aviso legal</p>
</div>
</body>
</html>
Y éste es el CSS que he cambiado:
Código: [Seleccionar]
*{font-family:helvetica;margin:0;padding:0;}
body{width:100%;border-style:solid;height:218px;
border-width:2px;}
.h1{width:100%;border-style:solid;height:50px;
font-size:20px;text-align:center;background-color:#DEB887;}
.menu{width:25%;border-style:solid;height:100px;
text-align:center;float:left;background-color:#FAED8A;}
.caja1{width:50%;border-style:solid;height:100px;
text-align:center;float:left;background-color:#FADE8A;}
.interior{width:100%;border-top-style:solid;height:50px;
background-color:#BFF572;margin-top:25px;}
.caja2{width:23%;border-style:solid;height:100px;
text-align:center;float:left;background-color:#FAAB8A;}
.caja3{width:50%;border-style:solid;height:50px;
text-align:center;float:left;background-color:#DDA0DD;}
.caja4{width:49%;border-style:solid;height:50px;
text-align:center;float:left;background-color:#FACD8A;

Me huelo que debe ser un problema con los tamaños, pero no sé.
Si alguien me puede ayudar, se lo agradezco mil.

Un saludo. ;)

6
Aprender a programar desde cero / Re:Diseño web CSS dos, tres, cuatro columnas con float/Crear un diseño
« en: 30 de Mayo 2016, 11:52 »
Buenas,

Os pido disculpas, me he dado cuenta que no hay ningún error en vuestro ejercicio. Repasando el curso, me he dado cuenta de que yo no lo había entendido bien.

Sorry,  :P

Un saludo.

7
Aprender a programar desde cero / Dificultad para cuadrar un diseño CSS usando porcentajes encajar cajas CU01036D
« en: 28 de Mayo 2016, 19:49 »
Buenas,

He acabado de hacer este ejercicio, pero el resultado no es el que debería y, por más vueltas que le doy, no soy capaz de ver dónde está el error.

Éste es el código HTML.
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio porpiedad float</title>
<link rel="stylesheet"type="text/css"href="Ejercicio_4.css">
</head>


<body>
<div>
<h1>Bienvenidos a aprenderaprogramar.com</h1>
</div>
<div id="menu">
<ul>
Menu:
<li>Cursos</li>
<li>Humor</li>
<li>Divulgacion</li>
</ul>
</div>
<div id="caja1">
<p>Conoce las ultimas novedades del lenguaje JavaSript.</p>
</div>
<div id="caja2">
<p>Articulo sobre Gimp, un programa de software libre para el diseño grafico.</p>
</div>
<div id="caja3">
<p>Espacio reservado para publicidad</p>
</div>
<div id="caja4">
<p>Contacta con nosotros</p>
</div>
<div id="caja5">
<p>Aviso legal</p>
</div>
</body>
</html>
Al que le he añadido este código CSS:
Código: [Seleccionar]
*{font-family:helvetica;widht:600px;margin:0;padding:0;}
h1{height:40px;width:100%;margin-right:30px;
font-size:20px;border-style:solid;padding:30px;
background-color:#DEB887;text-align:center;}
#menu{height:200px;width:25%;float:left;
font-size:20px;background-color:#FAED8A;
border-style:solid;text-align:center;}
#caja1{height:100px;background-color:#FADE8A;
font-size:20px;border-style:solid;
width:50%;float:left;text-align:center;}
#caja2{height:100px;font-size:20px;margin-top:0px;
border-style:solid;width:50%;float:left;
background-color:#FACD8A;text-align:center;}
#caja3{height:150px;background-color:#FAAB8A;border-style:solid;
font-size:20px;width:20%;float:left;text-align:center;}
#caja4{height:100px;font-size:20px;border-style:solid;width:50%;
float:left;background-color:#DDA0DD;text-align:center;}
#caja5{height:100px;font-size:20px;border-style:solid;width:40%;
float:left;background-color:#FA8AA2;text-align:center;}
Como podéis ver las cajas no quedan completamente unidas, no sé si es por el tamaño. La de "espacio reservado" no consigo que se pegue a la de arriba, y las dos de abajo también quedan flotando.

Si alguien me puede orientar, se lo agradecería mucho.

Un saludo.

8
Aprender a programar desde cero / Diseño web CSS dos, tres, cuatro columnas con float/Crear un diseño
« en: 28 de Mayo 2016, 14:12 »
Buenas,

Creo que he encontrado un error en este apartado, ponéis esta código:
Código: [Seleccionar]
/* Curso CSS estilos aprenderaprogramar.com*/
*{font-family: arial;}
body {width:410px; border-style: dotted; border-width: 2px;}
div {border-style: solid; border-width:2px;
margin:7px; padding:7px;
 background-color: #FFEFD5; }
/*La anchura del contenido de la caja 1 es:
 410 - 14 de margin - 4 de border - 14 de padding, resulta 378 px*/
#caja1{ border-color:red;}
#caja2{ margin:0 7px 7px 7px; border-color:blue;
 width:75px; float:left; height:200px; }
/*Ancho total 410 px - 8px bordes - 21 px de margin - 28 de padding -75px contenido caja 2
 obtenemos 278 px*/
#caja3{ margin:0 7px 7px 0px; border-color:green;
 width:278px; float: left; height: 300px;}
#caja4{border-color:orange; clear:both; height:55px;}
Pero el ejemplo de cómo se tendría que ver con este código es érroneo, ya que la caja3 sale debajo de la caja2 al poner "float:left:, creo que tendría que poner "float:right" para que se vea como en la imagen.


Si me he equivocado os pido disculpas.

Un saludo.


9
Aprender a programar desde cero / Re:Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia CU01013D
« en: 18 de Mayo 2016, 13:31 »
ERES DE FUCKING MASTER OF THE UNIVERSE!!!!
Así, sí!! Así sí!! Así se ve perfectamente!!!
Muchísimas gracias!!! Me has arreglao la vida!!!

 ;D ;D ;D ;D

10
Aprender a programar desde cero / Re:Problemas par visualizar hojas de estilo
« en: 18 de Mayo 2016, 13:02 »
Hola,

MUchísimas gracias por tu ayuda. Voy a hacerte caso y seguiré haciendo el curso insertando el css en el html.
Quién sabe, a lo mejor se arregla solo.


Muchas gracias y un saludo.  ;)

11
Aprender a programar desde cero / Re:Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia CU01013D
« en: 18 de Mayo 2016, 13:00 »
Hola,

Sí, los tengo en la misma carpeta. Ya lo había mirado, el link no es.
Finalmente he decidido insertar el código CSS en el Html, porque así sí que se ve todo bien.

Muchísimas gracias por tu ayuda. ;)

12
Aprender a programar desde cero / Re:Problemas par visualizar hojas de estilo
« en: 18 de Mayo 2016, 11:32 »
Hola Alex,

¿Un problema en la configuración del navegador o del editor de texto? Sé que puedo hacer el curso así, pero gustaría solucionarlo.

Gracias. ;)

13
Aprender a programar desde cero / Problemas para visualizar hojas de estilo CSS en Ubuntu 14.04 lts con Bluefish
« en: 18 de Mayo 2016, 11:00 »
Buenas,

Estoy enfrascada en el "Tutorial CSS desde cero.", os comento mi problema, a ver si alguien me puede ayudar.
Utilizo Ubuntu 14.04 lts. y mi editor de texto es el Bluefish. El jueves pasado, no sé si toqué algo que no debía, porque mi navegador ya no lee las hojas de estilo Css. Creía que era un problema de codificación, pero en otro hilo, me han dicho que el código está bien y que ellos sí que lo pueden ver. He mirado el enlace y está todo correcto. He probado a borrar el historial y a refrescar la página y no hay manera, sigue sin poder verse. Si inserto el código dentro de la hoja de HTML, sí que se ve.
He probado a ver el ejercicio en un servidor de pruebas y allí sí que lo lee todo correctamente, así que he llegado a la conclusión, que he debido tocar algo sin querer y ahora mi navegador no lee las hojas CSS.
Le pregunto al tito Google pero no me da ninguna respuesta adecuada, voy probando igualmente a hacer varios cambios, pero nada.

¿A alguien le ha pasado? ¿Alguien me puede ayudar? Estoy destrozando los tabiques de mi casa a cabezazos, por favor help!!!

Gracias de antemano y un saludo.



14
Aprender a programar desde cero / Re:Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia CU01013D
« en: 17 de Mayo 2016, 20:12 »
Buenas,

Toqueteando por la barra de herramientas, me he metido en:
Herramientas- Desarrollador web- Editor de estilos y me da el siguiente error sobre el código html anteriormente mencionado:

Me sale un cartelto rojo con un signo de prohibido y me dice que la hoja de estilos no puede ser cargada y luego me sale la ruta de la hoja de Css, pero a partir de un punto salen unos simbolitos.

A ver si a alguien le suena esto.

Gracias


15
Aprender a programar desde cero / Re:Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia CU01013D
« en: 17 de Mayo 2016, 19:44 »
La cosa se complica....
He probado en un servidor de pruebas, y allí sí que lee las hojas de estilo CSS. No sé si he tocado algo  por eso, ahora no me reconoce las hojas css en mi ordenador.
El editor de texto que uso es Blue fish, ya que trabajo en ubuntu 14.04 lts.
Esto ha empezado a pasarme desde el jueves, antes sí que lo leía todo correctamente.

Alguien puede decirme qué he podido tocar, o cómo arreglarlo, o alguna solución??

Os lo agradezco mil.  ;D

Un saludo.

16
Aprender a programar desde cero / Re:Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia CU01013D
« en: 17 de Mayo 2016, 17:36 »
Buenas,

Pues no lo entiendo. He probado a insertar el código CSS dentro del código HTML y se ve correctamente.
He revisado el enlace y, por más vueltas que le doy, es correcto. He probado a instalarme el navegador Chrome, por si las moscas, y tampoco se ve, con el link del CSS.

No entiendo nada. Seguiré con el temario, a ver si me vuelve a pasar. Si encontrase el error, ya te cuento.

Mil gracias por tu ayuda. :-*

17
Aprender a programar desde cero / Re:Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia CU01013D
« en: 17 de Mayo 2016, 13:34 »
Hola, de nuevo.

El tema que estoy haciendo es el:  (CU01013D), pero el ejercicio no es el que viene al final del tema. Es el que viene en el apartado: DEFINIR CLASES QUE SOLO SEAN APLICABLES A ETIQUETAS ESPECÍFICAS. El tercero, te mando el código que pone en el enunciado:

Código: [Seleccionar]
/* Curso CSS estilos aprenderaprogramar.com*/
  p.destacado { background-color: orange; font-weight:bold; font-size:100%; }
  div.destacado {background-color: blue; font-weight:bold; font-size:100%; }

Perdona, me debo estar explicando mal.
Gracias.

18
Aprender a programar desde cero / Re:Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia CU01013D
« en: 17 de Mayo 2016, 12:38 »
Buenas,

Te envío el código html entero:

Código: [Seleccionar]
<!DOCTYPE html>
<!--codigo base par el curso CSS-->
<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="/home/growstore/Documentos/Cosasdelserver/WP/Curso Css/Ejercicios/Tema 8. Concepto de herencia en hojas de estilo CSS./Ejercicio_1.css">
</head>

<!--Contenido de la pagina web-->
<body>
<!--Cabecera de la pagina web-->
<div class="destacado">
<h1>Portal web de aprenderaprogramar.com</h1>
<h2>Didactica y divulgacion de la programacion</h2>
</div>
<!--Fin de la cabecera-->

<br/>

<!--Contenedor para la parte central-->
<div>


<!--menu-->
<div>
<div class="destacado"><span>Menu</div>
<hr/>
<ul>
<li><a href="#" >Inicio</a></li>
<li><a href="libros.html" >Libros de programacion</a></li>
<li><a href="cursos.html" >Cursos de programacion</a></li>
<li><a href="Humor.html" >Humor informatico</a></li>
</ul>
</span>
</div>
<!--fin menu-->
<!--cuerpo-->
</div>



<!--Texto con imagenes-->
<div>
<p class="destacado">Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.</p>
<p>Hay que tener claro que <a href="https://www.aprenderaprogramar.com">aprender programación</a> no es tarea de un día ni de una semana: aprender programación requiere al menos varios meses y, si hablamos de programación a nivel profesional, varios años. No queremos con esto desanimar a nadie: en un plazo de unos pocos días podemos estar haciendo nuestros primeros programas.</p>
<p>Puedes seguir uno de <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86">nuestros cursos</a> entre los varios disponibles. Cuando haya que utilizar un editor de textos recomendamos el uso de uno potente y sencillo como Notepad++, aunque son válidas otras alternativas como Crimson Editor.</p>
<a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=205&catid=57:herramientas-informaticas&Itemid=179">
<img src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
</a>
<img src="http://www.crimsoneditor.com/images/logo.jpg" alt="Crimson" title="Crimson, un editor de texto alternativo">

</div>
<!-- Fin del texto con imagenes-->
<br/>
<!--Formulario de contacto-->
<form method="get"action="accion.html">
<p class="destacado">Si quieres contactar con nosotros envianos este formulario relleno:</p><br/><br/>
Nombre:<input type="text"name="nombre"/><br/>
Apellidos:<input type="text"name="apellidos"/><br/>
Direccion:<input type="text"name="direccion"/><br/>
Correo electronico:<input type="text"name="correo"/><br/>
Mensaje:<textarea name="mensaje"cols="30"rows="2"></textarea><br/><br/>
<input type="submit"value="Enviar">
<input type="reset"value="Cancelar">
</form>
<!--Fin del formulario-->


</div>
<!--fin cuerpo-->
</div>
<!--fin contenedor para la parte central-->
<br/><br/><br/>
<!--Pie de pagina o footer-->
<div
<img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="logo apr" title="Logo aprenderaprogramar.com">
Copyright 2006-2038 aprenderaprogramar.com

</div>
<!--Fin del pie de pagina-->
</body>
<!--Fin del contenido de la pagina web-->

</html>
Gracias por tu paciencia  :)

un saludo.

19
Aprender a programar desde cero / Re:Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia con inheri
« en: 14 de Mayo 2016, 14:01 »
Buenas,

Perdonar por el error del título con referencia al ejercicio, en próximos post lo haré mejor. ???

Sobre el ejercicio he leído el post que me has enviado y sigo sin resolverlo.
He cambiado el código html, te envío la parte modificada:

Código: [Seleccionar]
[color=pink]<div class="destacado">[/color]
<h1>Portal web de aprenderaprogramar.com</h1>
<h2>Didactica y divulgacion de la programacion</h2>
</div>
<!--Fin de la cabecera-->

<br/>

<!--Contenedor para la parte central-->
<div>


<!--menu-->
<div>
[color=pink]<div class="destacado"><span>Menu</div>[/color]
<hr/>
<ul>
<li><a href="#" >Inicio</a></li>
<li><a href="libros.html" >Libros de programacion</a></li>
<li><a href="cursos.html" >Cursos de programacion</a></li>
<li><a href="Humor.html" >Humor informatico</a></li>
</ul>
[color=pink]</span>[/color]
</div>
<!--fin menu-->
<!--cuerpo-->
</div>



<!--Texto con imagenes-->
<div>
[color=pink]<p class="destacado">[/color]Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.</p>
Con este código CSS:

Código: [Seleccionar]
p.destacado{background-color:orange;
font-weight:bold;
font-size:100%;}


div.destacado{background-color:blue;
font-weight:bold;
font-size:100%;}

div.destacado span{background-color:blue;
font-weight:bold;
font-size:100%;}

Ayuda, please, me estoy volviendo loca!!!!! No sé en qué me estoy equivocando.

Gracias y un saludo.

20
Aprender a programar desde cero / Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia CU01013D
« en: 13 de Mayo 2016, 20:22 »
Buenas, Estoy haciendo el ejercicio CU01013D del tutorial CSS:

Código: [Seleccionar]
  p.destacado { background-color: orange; font-weight:bold; font-size:100%; }
  div.destacado {background-color: blue; font-weight:bold; font-size:100%; }
en el archivo html, he cambiado el p y el div añadiendoles el atributo destacado,  y en el css he copiado la orden como sale arriba, pero me sale todo en color naranja.

No le encuentro el fallo, os adjunto mis códigos, a ver si alguien me puede echar una mano.

Código: [Seleccionar]
p.destacado{background-color:orange;
font-weight:bold;
font-size:100%;}


div.destacado{background-color:blue;
font-weight:bold;
font-size:100%;}

Y os adjunto también el archivo html:

Código: [Seleccionar]
<div class="destacado">
<div>Menu</div>
<hr/>
<ul>
<li><a href="#" >Inicio</a></li>
<li><a href="libros.html" >Libros de programacion</a></li>
<li><a href="cursos.html" >Cursos de programacion</a></li>
<li><a href="Humor.html" >Humor informatico</a></li>
</ul>
</div>
Código: [Seleccionar]
<div class="destacado">
<h1>Portal web de aprenderaprogramar.com</h1>
<h2>Didactica y divulgacion de la programacion</h2>
</div>
Código: [Seleccionar]
<p class="destacado">Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.</p>
Código: [Seleccionar]
<p class="destacado">Si quieres contactar con nosotros envianos este formulario relleno:</p
Gracias de antemano. Si hay algún error en el mensaje, os pido disculpas, es mi primera entrada en un foro.

Saludos.  :)

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