Problemas con menu-parte-inferior

Cordial Saludo.
Muy Agradecido por la ayuda anterior del curso, que por cierto es muy excelente, de 1 a 10 lo califico: 10.
Quisiera que me ayuden porque tengo problemas con las imagenes del menu lateral, en especial con el menu_parte_ inferior, si visitan esta pagina web, podrán darse cuenta del problema en forma visual:

http://institucioneducativajuanpablosegundo.scienceontheweb.net/

Anticipo mis mas sinceros aradecimientos por la colavoración que me puedan dar.

Libardo
Este es tu codigo CSS: :wink:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
.estilo {TEXT-DECORATION: none; COLOR: blue}
p {text-align: justify ; font-size: 0.5em ; color:Snow ; font-weight: bold }
h1 {font-size: 1.0em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
h2 {font.size: 1.0em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font.size: 0.7em; color:black ; font-weight: bold ; text-decoration: none ;
text-align: center}
h4 {color:black ; font-weight: bold ; text-decoration: none ;
text-align: center}
h5 {color:white ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center ; background-image: url(objetos/fondoweb.jpg);background-repeat: no-repeat ; margin: 0px 150px 180px 0px}
#global {width: 1050px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {border-left: black 1px solid ;
height: 85px}
#logotipo {margin: 10px 0px 0px 80px ;width: 150px ; float:left }
#publicidad {margin: 10px 0px 0px 300px ;width:518px ; float:right ; font-size: 16px }
#fotos {width:500px ; float:center ; background-image: url(objetos/#) }
#navegacion {overflow: hidden ; font-size: 0.7em ; width: 800px ; background-image: url(objetos/fondo_menu_desplegable.jpg) ; border: black 1px solid ; height:79px ; margin: 150px 20px 0px 93px}
#navegacion li {float:left ; list-style:none ; margin: 10px 20px 20px 0px }
#navegacion ul { margin-left: 20px }
#contenido {margin: 0px 20px 0px 93px ; width:800px ;height: 0px ; border-left: black 2px solid ;
border-right: black 1px solid ; background-image: url(objetos/fondo_contenido.jpg) }
#contenido p {margin: 0px 15px 0px 200px ; text-indent: 15px}
#punto {font-size: 1.0em; color:black }
#menu {background-image: url(objetos/menu-parte-inferior.gif) ; background-image:no-repeat ; width: 150px ; float:left ;text-align:left ; margin: 10px 0px 0px 18px ; background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 0px 0px 0px 18px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif);background-image:no-repeat ; width: 150px }
#paginicio {margin: 0px 0px 0px 80px ;float:left ; background-color: Orange ; width: 800px ;
height:12px}
#pie a {border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno { margin: 0px 0px 0px 80px ;float:left ; width:270px ; background-color: Salmon }
#piedos {float:left ; width:260px ; background-color: Firebrick }
#pietres {float:left ; width:270px ; background-color: Salmon }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: green ; width: 110px}
a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}



Ves lo rojo? Debes borrarlo, porque las características que en ese lugar estás definiendo ya están expuestas en #menu

Saludoss :wink:
Gracias Jorgens!! por su interes en ayudarme con mis problemas.
He relalizado los cambios sugeriodos pero la imagen del menú parte inferior sigue igual.
por otro lado desde el dia de ayer estoy tratando de conectarme con el servidor pero no lo he logrado para poder subir los cambios, he seguido los pasos que anteriormente me sugirió, como el de desactivar el cortafuegos de windows y tambien desactivar el antivirus Kaspersky pero no se puede. Que puedo hacer.
Gracias
Libardo
A verr :wink:

Yo lo que veo es esto:

[contenido no disponible]

Si ese espacio chiquito es el problema, lo que deduzco es que la imagen menu-parte-inferior.gif no es tan larga como el div "menu" (150px)

Lo que tienes que revisar es si la imagen llamada menu-parte-inferior.gif mide 150px de largo :wink: Saludos :wink:

Por cierto, no soy Jorgens :lol: soy un usuario normal :wink:
Libardo Perez escribió:Gracias Jorgens!! por su interes en ayudarme con mis problemas.
He relalizado los cambios sugeriodos pero la imagen del menú parte inferior sigue igual.
por otro lado desde el dia de ayer estoy tratando de conectarme con el servidor pero no lo he logrado para poder subir los cambios, he seguido los pasos que anteriormente me sugirió, como el de desactivar el cortafuegos de windows y tambien desactivar el antivirus Kaspersky pero no se puede. Que puedo hacer.
Gracias
Libardo
Hola:
Tiene razón Deathly Snake en lo referente a esa curva inferiro del menu, la capa menu es como una caja que tiene dos partes una es la tapa ( o cubierta) (donde está puesta la palabra menu) esa mide 150 de ancho por 12px de alto y la otra (la de abajo) que es donde uno pone las cosas, (enlaces e imágenes) solo mide 400 píxeles de largo, en el momento que usted sobrepasa esa medida poniéndo enlaces e imagenes, esa parte comienza a separarse, la solución es, o quita algún enlace (que por cierto no es ninguna solución)o saca esa curva de la carpeta objetos a su escritorio y la abre con algún programa de edición de imagenes y le modifica la largura, si tiene Fhotoshop, pone el cursor encima y da click derecho y donde dice "abrir con" elige Fhotoshop, luego que se le abra la imagen pulse en la pestaña "imagen", y en el desplegable que se abre elija "tamaño de lienzo", en la ventana que se abre elija el cuadrado de abajo (el que está en medio de los dos de abajo) y luego donde dice altura, pongale unos 600, luego solo queda hacer con el lápiz o el pincel los bordes derecho e izquierdo (ya que estos llegan solo a 400 píxeles de altura, y luego la guarda con la misma extensión, y cuando la ponga en la carpeta objetos ya podrá poner mas enlaces o arreglar la falta de espacio vertical.
Recuerde que usted tiene puestos en su menu cerca de quince enlaces y aunque las letras midiesen doce píxeles de altura, sumarían unos 180 píxeles y si le suma los espacios que hay de enlace a enlace sumarian otros 180 px, le sumamos el buzón que mide 32 nos daría ya 392px y si le sumamos los icnos que hay mas abajo mas los espacios de abajo , en total estaríamos hablando de unos 460px de alto o un poco mas
Saludos
Agradecido de los que aprenden enseñando
Gracias por sus aportes.
Pero la segunda parte de mi inquietud, es que no puedo conectarme con le servidor Host para poder subir los cambios. Ayudenme en esto, por favor. Son ya dos semanas que no lo puedo hacer.
Exitos en sus trabajos.
Libardo
Buenas noches.
El hosting es Razyhosting, todo lo he verificado y esta bien, pero le cuento que ni siquiera puedo abrir la pagina desde el explorer.
como hago para adjuntar una imagen por este medio para mostrarles las propiedades.
gracias
Libardo Perez escribió:Buenas noches.
El hosting es Razyhosting, todo lo he verificado y esta bien, pero le cuento que ni siquiera puedo abrir la pagina desde el explorer.
como hago para adjuntar una imagen por este medio para mostrarles las propiedades.
gracias
Hola:
Cuando usted se dio de alta en Razyhosting, (y aprovecho de decir que está muy bien el servidor, para ser gratuito porque es rápido para cargar las páginas y es hasta ahora el único que no pone nada de publicidad) pero a lo que vamos. Normalmente cuando no se puede hacer algo es porque uno puede haber cometido algún pequeño desliz en la configuración o en cualquier detalle que se haya pasado por alto.
Le daré unas indicaciones de como subir sus archivos al servidor, siempre y cuando usted no se equivoque, (se lo digo por experiencia).
A usted le mandaron por correo un nombre de usuario y una contraseña para poder entrar al panel de control del sitio (el que está reservado para su web). Entonces usted entre a la dirección http://razyhosting.com/login.html. Al hacerlo le aparecerá un pequeño cuadro donde debe poner su nombre de usuario (los cinco números que le mandaron o seis, no me recuerdo bien) y su contraseña (los ocho caracteres, entre numeros y letras) que le mandaron por E-mail junto a su nombre de usuario. Después que ponga su usuario y su contraseña haga click en "login", con eso entraria al panel de control de su sitio, allí arriba, una de las pestañas se llama "Website Manager", pulsa en ella y cuando se abra la ventana del Website Manager, puede a la izquierda de la ventana, hacer click en la pestaña que se llama "File Manager". Así se le abre una ventana en que debiera de aparecer un cuadro con unas carpetas, una de las carpetas tendrá a la derecha el nombre de su web, suele estar esa carpeta acompañada por otra que tiene un aspa roja, se supone que la que tiene el aspa roja es por si usted quiere eliminar su carpeta de la web. Por tanto en teoría esa no la toque, entonces haga usted doble click en la otra, la que no tiene el aspa roja, al hacer el doble click, le mostrará hacia abajo los archivos que tiene esa carpeta, (se supone que los que usted ha subido antes), después vaya usted mas abajo en la ventana y verá un cuadro que se llama "File upload", ( ese es el cuadro que se utiliza para subir los archivos) ese cuadro suele tener a su derecha tres pestañas que se llaman "Examinar", si usted pulsa en la primera de ellas, se le abrirá una ventana que se llama "Elegir archivo", allí usted debe buscar su carpeta donde tiene su web con la flecha de la derecha (que estará en su escritorio). Cuando encuentre el archivo que desea subir, lo marca (elige) y después hace click en "Abrir" (en la parte inferior derecha de la ventana), entonces le mostrará otra vez el cuadro con las pestañas "Examinar" y en una de las pestañas (la primera, ya que a esa fue la que le dijo examinar) le mostrará la ruta que va a seguir el FTP para subir el archivo elegido, por tanto, abajo de ese cuadro usted hace click en "Upload Files", si el archivo a subido correctamente le saldrá un mensaje en esa ventana en letras verdes, luego si era solo ese archivo el que iba a subir, entonces para salir del panel de control, arriba, en la parte superior derecha de la ventana pulse en "Logout" y asi sale de su panel de control.
Le añado:
Si lo que usted quiere subir son imagenes, cuando abra su carpeta que se llama como su web, debe hacer doble click en la carpeta objetos, para que las imagenes suban a esa carpeta objetos.
Cualquier cosa que desee subir, siempre debe hacer doble click en la carpeta que se llama como su web para meter los archivos allí.
Otro dato:
Si usted se fija, en el cuadro que se llama "File Upload" (donde están las pestañas de "Examinar", pues mas abajo de ese cuadro hay otro cuadro, ese es por si usted desea crear una carpeta dentro de su web.
Espero que esto le sirva de guía.
Todo esto se lo he dicho para que en su panel de control pueda ver si tiene algo mal subido.
Entonces ya puede probar yendo a su explorador del Internet Explorer y entrar en su página para ver si se ha arreglado de alguna manera todo.
Saludos