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

Buenas JurreNawijn

Como se comenta en otros hilos recomendamos cerrar los tags que no llevan un cierre explícito por ejemplo en lugar de <meta charset="utf-8"> usar <meta charset="utf-8"/> esto es solo para cumplir el estándar xhtml.

De lo que pedía el ejercicio lo único que veo que falte es en el div 3 " El texto del html debe transformarse para que toda palabra comience con una letra mayúscula mediante el uso de propiedades CSS" para ello te faltaría añadir la propiedad css text-transform: capitalize;

Salu2

Buenas pedro sí muchas veces a lo mejor comento algo que no era realmente relacionado con los objetivos del ejercicio a lo mejor son solo cosas que me han llamado la atención

Sobre que formularioUsuario2.name.lenght te dé 18 creo que simplemente está tomando el atributo name y contando los caracteres

Si contamos caracteres en formularioUsuario2 obtenemos 18 que lo saca del atributo name en

<form name ="formularioUsuario2"


Salu2

Buenas

Yo he logrado verlo correcto bajándole el ancho asignado a publicidad dejándolo como

#publicidad {float: right; border-color:blueviolet; width:18.60%; height:430px;}

El problema con los anchos creo que está en que no tienen en cuenta los grosores de los bordes y eso lleva a que lo que supuestamente tendría que cuadrar con exactitud no cuadre

Salu2

Buenas dimiste tal y como lo veo yo la lectura sería:

#navbar li li a:hover {} significa "estilos a aplicar para elementos dentro de navbar dentro de li dentro de otro li que tengan el puntero encima

Se corresponde con esto:

<ul id="navbar">
         <li><a href="http://aprenderaprogramar.com">Libros</a>   
            <ul>
               <li><a href="http://aprenderaprogramar.com">Aprender a programar desde cero</a></li>

Es el estilo que se aplica a Aprender a programar desde cero cuando tengas el puntero encima.


#navbar li a:hover li {} significaría "estilos a aplicar para elementos dentro de navbar dentro de li con el puntero encima y que tengan un elemento li interno"

Nota: ten en cuenta que a veces distintas expresiones pueden suponer la misma selección, es decir, muchas veces hay distintas formas de hacer las cosas y escribir los selectores. Tienes que hacer pruebas y comprobar si la expresión que quieres usar resulta adecuada. Puede ser adecuada aunque otras personas lo hagan de otra manera.

Salu2

Buenas JurreNawijn, pega el código completo por favor (incluyendo cabeceras html y todas las etiquetas) así resulta mejor para revisar

Salu2

Buenas mamptecnocrata

Lo primero bienvenido a los foros y recordar que para pegar código debe usarse el botón # del editor del foro como se explica en https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0

No veo tu respuesta al ejercicio ¿has puesto la respuesta?

Salu2

Buenas dimiste

No veo conveniente utilizar como valor para el atributo de clase el valor a porque a también se refiere a los links (es un selector css). Esto puede generar confusión y es preferible evitar la confusión dándole otro nombre como astyle ó adimiste.

No veo el enunciado de este ejercicio ¿se refiere al "ejemplo de aplicación" que aparece en la entrega CU01047D?

Salu2

Buenas dimiste el ejercicio parece bien resuelto

Los valores que tengo de referencia son estos:

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

Más o menos coincide con los que has puesto, hay que tener en cuenta que hay variaciones según los navegadores

Salu2

Buenas JurreNawijn

Parece que tienes un error al escribir <div id="publicdad"> te falta la letra i

Luego tienes #publicidad donde sí tienes la letra i

Las cajas inferiores (contacta con nosotros y aviso legal) no se ven bien delimitadas como pedía el ejercicio.

Para estos temas de maquetación donde intervienen muchos factores la forma de ir comprendiéndolos es practicar, revisar código creado por otros compañeros, hacer pruebas, etc.

Aquí tienes algunos hilos donde hay comentarios sobre este ejercicio que te pueden servir para revisar y practicar y de este modo mejorar tu diseño:

https://www.aprenderaprogramar.com/foros/index.php?topic=1647.0

https://www.aprenderaprogramar.com/foros/index.php?topic=3739.0

https://www.aprenderaprogramar.com/foros/index.php?topic=3367.0

https://www.aprenderaprogramar.com/foros/index.php?topic=2585.0

https://www.aprenderaprogramar.com/foros/index.php?topic=2870.0

https://www.aprenderaprogramar.com/foros/index.php?topic=2453.0


Salu2

Buenas dimiste,

Pregunta a):

Hay 2 cajas contenedoras identificada sólo una de ella por id.

Pregunta b)

En mi caso, no se observa ninguna diferencia en los dos navegadores que he visualizado el código. Si se diera el caso de que se hubieran visto diferente, se debería a los propiedades por defecto de los navegadores que no hemos especificado nosotros en el código.


Pregunta c)
 La línea <<Línea de texto contenedor>> se muestra centrada porque es un elemento dentro de una tabla y le afecta la propiedad vertical-align.

Pregunta d)

Para que se mostrara igual la Línea de texto contenedor 1 como la Línea de texto contenedor 2 tan sólo tenemos que hacer los siguientes cámbios:
<div> (del primer contenedor) le tendremos que identificar por un id, en mi caso lo identifico como: id="caja1" y luego añadirlo en el script de arriba (tal y como está en el código más arriba).

Pregunta a): correcto

Para la pregunta b): las diferencias también pueden deberse a que distintos navegadores respondan de distinta manera, incluso siendo el mismo código. O a que algunos navegadores reconozcan cierto código que sin embargo otros no reconozcan.

Pregunta c): no es una tabla propiamente dicha, sino un elemento que tiene establecida la propiedad display como table-cell y se comporta como si fuera una celda de una tabla y por ello le afecta vertical-align tal como comentas

Pregunta d): correcto

Salu2