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

Páginas: [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.

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

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.

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.

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.

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.

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.

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]

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: