muchos problemas!!!!

hola a todos!!

estoy rehaciendo el aspecto de la web que estaba realizando y me surgen muuuchos problemas. Aqui viene la lista.

-la imagen que uso como logotipo me aparece bajo la barra horizontal del menu. Deberia estar por encima y enganchada.

-directamente, ahora no me aparece la barra del menu horizontal. No se si es cosa de que he tocado algo de la hoja de estilos.

-el menu lateral me sale desorganizado, no me aparecen las opciones en una lista.

-le he dado en general un ancho a la web de 800 pixels y hay elementos que me aparecen desplazados respecto esto. Querria que se me centrara todo en la página.

muchas gracias!!!!!

se me olvidaba. la web es medben-arquitectura.com :wink:

he corregido algunos errores trasteando aqui y alli.

-la imagen que uso al lado del logotipo ya me aparece sobre el menu. Me gustaria por eso que quedara más enganchada al menu horizontal.

-los apartados del menu lateral ya me salen uno sobre el otro. El problema es que al pasar el cursor por encima no se activa el enlace.

-ya he podido cuadrar a 800 pixels todos los elementos de la web.

-en firefox he probado y creo que el problema me lo dá la capa pie, que me aparece sobre todos los elementos. seguiré probando.

a ver si me ayudais a arreglar estas cosillas.

gracias!!!!!!

Buenas.

Empieza por aqui. Elimina unas cosillas de la hoja de estilo dejándo esta linea así:

#menu{width:800px; /*posición del nav */ text-align:center;}

Y esta otra así:

#nav {margin:0px; position:relative; top:8px; right:0px; /*margen con el div */}

Sigo mirando (ando con prisas, como siempre :roll: ). Dame un toque si ves que tardo en respondete, oki? :wink:

Mas cosas, Añade esto que pongo en negrita:

#menu-vertical A {text-decoration:none; DISPLAY: block; float: left; MARGIN: 0px 0px 0px 5px; PADDING: 0px; LINE-HEIGHT: 20px; COLOR:
white; clear: both}

Para que no te salgan los enalces uno al lado del otro sino uno encima del otro.

:wink:

Si quieres dejar menos hueco entre la parte principal y la superior corrige estas dimensiones que pongo en negrita haciendolas menores:

#texto {width: 600px; height: 350px; float: right; margin: 47px 0px 0px 5px; border: black 1px solid; text-align:justify; background-position: bottom; padding:5px 5px 0px 5px;}

#banner-vertical {background-color: black ; width: 135px; float: left; margin: 40px 0px 0px 0px; clear: both; font-size:0.7em; background-position: bottom; padding-bottom:5px }

#menu-vertical {background-color: black ; width: 135px; float: left; margin: 40px 0px 0px 0px; clear: both; font-size:0.7em; background-image: url(comun/menu-lateral-inferior.jpg); background-position: bottom; padding-bottom:5px }

Que te parece? Es lo que querias? Algo más?

No olvides ponerle un background-color a cada capa en la hoja de estilo para poder distinguir donde empieza y donde acaba cada una. Esto te ayuda a ver bien donde están los fallos cuando se te desorganiza una página. Cuando lo arregles todo le quitas los colores de fondo y listo.

Un abrazo Fracto! Buen trabajo, vas mu bien. Esto de fallar y fallar es básico para ir aprendiendo! je je

hola jorgens,

lo primero muchas gracias por tu ayuda!!!!!

he corregido lo que me has ido comentando paso a paso. He subido los resultados al servidor, asi que ya puedes mirar como queda con los cambios.

he visto varias cosas que te querria comentar:

-en el menu horizontal, me gustaria que el espacio que queda libre a la derecha me quedara a la izquierda (alinear a la izquierda el menu).

-cuando me pongo sobre uno de los apartados del menu horizontal se despliega los subapartados. Antes lo hacia sobre las otras capas pero ahora ha dejado un margen entre el menu y el resto del contenido. Creo que queda un poco mejor ahora porque no se solapa con el texto pero veo mucho espacio en blanco. Como lo podria solucionar?

-el menu lateral se me ve descuadrado. no se si es problema de la imagen superior. a ver que piensas.

-en firefox tengo problemas en el pie de página. aparece encima del resto de divs.

ah! y tranquilo por lo de tardar en contestar. Ya sabemos que tienes mucha faena con nosotros jejeje.

he solucionado la alineación del menu a la derecha!!!

el resto sigue igual :cry: jejeje

yo me marcho hoy de viaje y hasta el lunes no vuelvo, asi que no hay prisa. cuando puedas le hechas un vistazillo.

gracias!!!

lo primero muchas gracias por tu ayuda!!!!!

Para eso estamos, ya nos ayudaras tú respondiendo a alguien alguna vez, cuando sepas la respuesta, o nos pones un enlace a CCTW! je je je

-cuando me pongo sobre uno de los apartados del menu horizontal se despliega los subapartados. Antes lo hacia sobre las otras capas pero ahora ha dejado un margen entre el menu y el resto del contenido. Creo que queda un poco mejor ahora porque no se solapa con el texto pero veo mucho espacio en blanco. Como lo podria solucionar?

Se arregla poniendo un cero o un valor pequeño en lugar de 47px y 40px en las tres citas seguidas que te puse en el mensaje anterior. Pruebalo.

-el menu lateral se me ve descuadrado. no se si es problema de la imagen superior. a ver que piensas.

Qué quieres decir con descuadrado? Lo veo a la altura de la capa de los textos principales... para subirlo se arregla con la respuesta de arriba. O es otra cosa lo que dices?

-en firefox tengo problemas en el pie de página. aparece encima del resto de divs.

Esto lo miraré luego. Ahora no tengo a mano el firefox. Avisame si lo olvido! :roll:

ah! y tranquilo por lo de tardar en contestar. Ya sabemos que tienes mucha faena con nosotros jejeje.

Je je je, no lo sabes bien! je je je. El problema es que tengo mucho trabajo estos dias y no me da tiempo a responderos, hacer lecciones etc, etc. A ver si termino pronto y me libero para dedicar tiempo a CCTW de nuevo...

Un abrazo y buen viaje (que suerte, yo curro todo el puente incluido este sabado y domingo... argghh!!). :wink:

hola jorgens,

Cita:

-cuando me pongo sobre uno de los apartados del menu horizontal se despliega los subapartados. Antes lo hacia sobre las otras capas pero ahora ha dejado un margen entre el menu y el resto del contenido. Creo que queda un poco mejor ahora porque no se solapa con el texto pero veo mucho espacio en blanco. Como lo podria solucionar?

Se arregla poniendo un cero o un valor pequeño en lugar de 47px y 40px en las tres citas seguidas que te puse en el mensaje anterior. Pruebalo.

he puesto los valores del margin a 0px y me queda este espacio. Me he fijado que el espacio que me deja es igual al espacio reservado por los subapartados del menu horizontal. No se si me explico bien jejeje.
Es decir, cuando me pongo sobre curriculum, se despliega el sub-menu y el espacio en blanco que tengo es igual a este menu.

Cita:
-el menu lateral se me ve descuadrado. no se si es problema de la imagen superior. a ver que piensas.

Qué quieres decir con descuadrado? Lo veo a la altura de la capa de los textos principales... para subirlo se arregla con la respuesta de arriba. O es otra cosa lo que dices?

Si te fijas bien, el menu lateral que hay en la página principal, lo tengo estructurado como comentabas en el curso html. Una imágen superior fija y otra superior que se va haciendo más larga cuando se va rellenando. Pues la imagen superior no esta bien cuadrada o pasa algo raro.

Lo del firefox ya me diras algo cuando puedas.

Gracias por todo! el viaje muy bien. Ahora a ponerse otra vez al trabajo.

hola jorgens!

te adjunto una imagen de como se me ve en firefox la web a ver si solucionamos el problema (he aprendido hoy a insertar imagenes jejeje).

[contenido no disponible]

aqui también puedes ver que en el menu lateral, la imagen que hay superior es como si estubiera desplazada y no acaba de encajar bien.

y otra cuestion: ayer en casa, con el explorer 7 creo que tengo la web se ve mal también. Aqui en el trabajo tengo la version 6.

gracias!!!

ya he solucionado el problema del menu lateral !!!! ay que ver, aqui ir tocando, borrando, moviendo... lo que se consigue jejeje.

el problema lo tenia en el index.

<div id="menu-vertical">
<h1>Home</h1>
<ul>

Novedades

Mapa Web

Foro MEDBEN

Acerca de...

</div>

Allí donde ponia la imagen superior, antes lo tenia dentro de <ul> y al sacarlo fuera, todo solucionado!!

ahora, el resto sigue por descubrir jejeje