Cuando decis en el bloque segundo que EL MENU SOBRESALE

Lo que ocurre es que en justo al final de la página decis que a lo mejor el menu se descuelga un poco y que eso lo solucionaremos en páginas siguientes. Pues bien, en el parrafo donde lo solucionais poneis "como que lo habeis probado pero no es seguro, y que lo preguntemos en el foro" Cuando hago eso de poner:

Reparando el fallo del menú.

Si ya hiciste vista previa de la plantilla, habrás visto que al poner varios enlaces dentro ha crecido y se sale por debajo de la página web. Vamos a reparar esto desde la Hoja de Estilo. Abre tu Html-Kit y abre estilo-general.css
Esto, después de muuuchas pruebas lo he conseguido arreglar de este modo, colocando un width: 800px y un float:left a la capa contenido. No me preguntes mucho porqué, pero es la única combinación que logra que en todos los navegadores se corrija ese fallo. Realmente le estamos indicando a la capa contenido que ha de tener un ancho de 800 pixeles, igual que el ancho de la página. En realidad parece que ocupara menos, pero ten en cuenta que el menú está dentro de él, luego lo amarillo del menú es parte de la capa contenido. Ves ahora como si ha de tener 800px de ancho? El colocarle el float:left evita que en algún navegador se descuadre todo. No se explicarte porqué ahora mismo, y verás como a veces, a pesar de que cumplas todas las buenas prácticas que se pueden leer por la red, hay que hacer alguna "pirula" para que se vea correctamente la página web con cualquier navegador. Es todo un reto, pero por ahora lo estamos consiguiendo.
Sin más rollo, abres la Hoja de Estilo, dejas la línea del estilo contenido de este modo:
#contenido {background-color: orange ; width: 800px ; float:left}
y luego guardas la Hoja de Estilo y haces vista previa de la plantilla.html para que veas como ahora todo se ha solucionado... o no? Si ves algún fallo no dudes en decirmelo en el Foro CCTW, plis!


Bueno,cuando hago todo el rollo, me ocurre lo siguiente:
Bajo Bienvenidos a mi Web y Barra de navegacion (estas estan bien, unas debajo de otras; aparece el menu junto al contenido, pero a la derecha, el pie que deberia estar abajo. Ayudenme
...y la luz se hizo
Hola,

la verdad, no se te entiende mucho. Pega tus códigos y también haz una captura de pantalla para poderte ayudar. Al menos, es indispensables los códigos html y css.

Dices que el menu te aparece a la derecha, quizas en css, pusiste:

float:right cuando debe decir: float:left

No olvides subir tus códigos. saudos :wink:
ATRÉVETE A VIVIR SIN VIOLENCIA
ami me sucedia lo mismo y al revisar mi plantilla me di cuanta que habia un error.

en la linea:

<div id="global">

revisa que tenga el signo =

eso me sirvio ami, espero y te sirva

Saludos!! :)
samihalawa escribió:Lo que ocurre es que en justo al final de la página decis que a lo mejor el menu se descuelga un poco y que eso lo solucionaremos en páginas siguientes. Pues bien, en el parrafo donde lo solucionais poneis "como que lo habeis probado pero no es seguro, y que lo preguntemos en el foro" Cuando hago eso de poner:

Reparando el fallo del menú.

Si ya hiciste vista previa de la plantilla, habrás visto que al poner varios enlaces dentro ha crecido y se sale por debajo de la página web. Vamos a reparar esto desde la Hoja de Estilo. Abre tu Html-Kit y abre estilo-general.css
Esto, después de muuuchas pruebas lo he conseguido arreglar de este modo, colocando un width: 800px y un float:left a la capa contenido. No me preguntes mucho porqué, pero es la única combinación que logra que en todos los navegadores se corrija ese fallo. Realmente le estamos indicando a la capa contenido que ha de tener un ancho de 800 pixeles, igual que el ancho de la página. En realidad parece que ocupara menos, pero ten en cuenta que el menú está dentro de él, luego lo amarillo del menú es parte de la capa contenido. Ves ahora como si ha de tener 800px de ancho? El colocarle el float:left evita que en algún navegador se descuadre todo. No se explicarte porqué ahora mismo, y verás como a veces, a pesar de que cumplas todas las buenas prácticas que se pueden leer por la red, hay que hacer alguna "pirula" para que se vea correctamente la página web con cualquier navegador. Es todo un reto, pero por ahora lo estamos consiguiendo.
Sin más rollo, abres la Hoja de Estilo, dejas la línea del estilo contenido de este modo:
#contenido {background-color: orange ; width: 800px ; float:left}
y luego guardas la Hoja de Estilo y haces vista previa de la plantilla.html para que veas como ahora todo se ha solucionado... o no? Si ves algún fallo no dudes en decirmelo en el Foro CCTW, plis!


Bueno,cuando hago todo el rollo, me ocurre lo siguiente:
Bajo Bienvenidos a mi Web y Barra de navegacion (estas estan bien, unas debajo de otras; aparece el menu junto al contenido, pero a la derecha, el pie que deberia estar abajo. Ayudenme

Hola:
La última parte de lo que ha escrito, o sea lo del rollo etc. etc. etc., no deja muy claro si es la capa menu la que se ha puesto a la derecha, o si la capa menu está bien y es el pie el que se ha puesto a la derecha.

Porque en la oracion que escribe, y donde usted pone la coma da a entender que es el menu el que está a la derecha.

Pero por la poca experiencia que tengo, voy a suponer que el menu está bien, y que es la capa pie la que se ha puesto a la derecha, basándome en esa premisa, le diré que en el curso explica también que hay que escribir texto en la capa contenido, por lo menos unos tres párrafos para que la capa contenido crezca hacia abajo y la capa menu quede bien puesta dentro de la capa contenido, y la capa pie se vaya hacia abajo.

No le voy a repetir lo que le dijeron antes de poner acá los códigos para revisarlos, pero sería lo más conveniente.

Saludos
Agradecido de los que aprenden enseñando
hola soy nuevo y tambien hago el curso. tube ese mismo problema que el pie de la pagina se me pegaba a la derecha del contenido, pero encontre el problema: en la hoja de estilo general en vez de poner "gloval", puse "global".... cambie la letra b por la v y se soluciono el problema. tal vez ati te sirva . cuentame, adios :lol: