No funcionan los menus Deplegables en el servidor AYUDA!!!

Hola a todos, LA verdad que yo en el Html-kit y le doy preview, se mira todo correcto, Ahora, cuando entro a mi web por el internet, no funcionan los menus desplegables, y Ademas! algunos links no me funcionan :cry: :cry: :cry: pueden checar: www.bioff.com.ar AYUDA!!! Espero tu Ayuda!!! PLEASE!!!
Mikael!!
Mikael escribió:Hola a todos, LA verdad que yo en el Html-kit y le doy preview, se mira todo correcto, Ahora, cuando entro a mi web por el internet, no funcionan los menus desplegables, y Ademas! algunos links no me funcionan :cry: :cry: :cry: pueden checar: www.bioff.com.ar AYUDA!!! Espero tu Ayuda!!! PLEASE!!!

Hola:
En principio sería conveniente que nos pegara acá los códigos tanto de su hoja de estilo-general como los de su pagina plantilla, (si es que los problemas los tiene allí).
He tratado de entrar a su página de diferentes maneras, pero no me deja, ¿seguro que está bien la dirección url?
saludos
Agradecido de los que aprenden enseñando
Raulyure escribió:
Mikael escribió:Hola a todos, LA verdad que yo en el Html-kit y le doy preview, se mira todo correcto, Ahora, cuando entro a mi web por el internet, no funcionan los menus desplegables, y Ademas! algunos links no me funcionan :cry: :cry: :cry: pueden checar: www.bioff.com.ar AYUDA!!! Espero tu Ayuda!!! PLEASE!!!

Hola:
En principio sería conveniente que nos pegara acá los códigos tanto de su hoja de estilo-general como los de su pagina plantilla, (si es que los problemas los tiene allí).
He tratado de entrar a su página de diferentes maneras, pero no me deja, ¿seguro que está bien la dirección url?
saludos

estilo general ::::

body {background-image: url(objetos/SNAPSHOTSTHEMEBACKGROUND.jpg) ; background-repeat: background-position: center}
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.png) ;
background-repeat: no-repeat ;
width: 800px ;
height:10px ;
overflow: hidden }
#cabecera {background-image: url(objetos/header.png) ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#publicidad {background-repeat: no-repeat ; width:518px ;float:right ; margin-top:25px ; font-size: 16px }
#logotipo {width:280px ; float:left }
#navegacion {background-image: url(objetos/cabecera.png) ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-image: url(objetos/mini.png) ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: #2f2e2e ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.png);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.png) }
#pie {background-image: url(objetos/pie.png) ;border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 30px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:399px }
#piedos {float:left ; width:399px }
#curva-inferior { background-image: url(objetos/curva-inferior.png) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited {}
a.enlaceuno:hover {}
a.enlaceuno:active {}
#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}


AHORA EL ESTILO DEL MENU DESPLEGABLE:

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
position:absolute;
overflow:hidden;
left:-1000px;
top:-1000px;
text-align: left;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
position:absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
position:relative;
left:0px; top:0px;
border:1px solid #999;
z-index:2;
}

.transMenu.top .items {
border-top:none;
}

/* each TR.item is one menu item */
.transMenu .item {
color:#000000;
background-image: url(objetos/fondo-no-activo.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration:none;
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
border:none;
cursor:pointer;
cursor:hand;
}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
position:absolute;
left:0px;
top:0px;
z-index:1;
-moz-opacity:.8;
filter:alpha(opacity=95);
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
position:absolute;
z-index:3;
top:3px; width:2px;
-moz-opacity:.4;
filter:alpha(opacity=40);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
position:absolute;
z-index:1;
left:3px; height:2px;
-moz-opacity:.4;
filter:alpha(opacity=40);
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
background-image: url(objetos/fondo-activo.gif);
color:#385385;
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
margin-left:10px;
}
.textoNoIdent {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-decoration: none;
}
.formError {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
border-top: 1px solid #C4CCCC;
border-right: 1px solid #ACB5B5;
border-bottom: 1px solid #6F7777;
border-left: 1px solid #ACB5B5;
padding: 2px 0 2px 0.25em;
background-color: #F5E984;
}
.txtError {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #990000;
background-color: #E9E9E9;
padding: 5px;
text-align: justify;
}


que anda mal??? ok le voy a poner el link de todo lo que he trabajado:

aqui esta=== :arrow: http://rapidshare.com/files/172803233/mis-paginas-web.rar.html

AYUDA PLEASE!!!
Mikael!!
Mikael escribió:
Raulyure escribió:
Mikael escribió:Hola a todos, LA verdad que yo en el Html-kit y le doy preview, se mira todo correcto, Ahora, cuando entro a mi web por el internet, no funcionan los menus desplegables, y Ademas! algunos links no me funcionan :cry: :cry: :cry: pueden checar: www.bioff.com.ar AYUDA!!! Espero tu Ayuda!!! PLEASE!!!

Hola:
En principio sería conveniente que nos pegara acá los códigos tanto de su hoja de estilo-general como los de su pagina plantilla, (si es que los problemas los tiene allí).
He tratado de entrar a su página de diferentes maneras, pero no me deja, ¿seguro que está bien la dirección url?
saludos

estilo general ::::

body {background-image: url(objetos/SNAPSHOTSTHEMEBACKGROUND.jpg) ; background-repeat: background-position: center}
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }

Hola:
He cogido un extracto de su hoja de estilo que usted nos ha pegado acá, y he notado que usted tiene una linea que se llama body{background-image:url(objetos et. etc. etc.}, línea que en cierto sentido está correcta, pero más abajo usted vuelve a poner una línea que se llama body{text-align:center}
Digamos que no se puede tener en la hoja de estilo dos líneas que tengan el mismo nombre, por lo tanto, en esa línea en que usted pone : body{text-align:center}, mi sugerencia es que la elimine.
Y en la otra línea, la de arriba, allí debe poner text-align:center, por ejemplo que le quede así:

body {text-align:center;background-image: url(objetos/SNAPSHOTSTHEMEBACKGROUND.jpg) ; background-repeat: background-position: center}

Fuera de eso, debe saber que los navegadores normalmente leen las hojas de estilo de arriba hacia abajo, por eso es necesario llevar un cierto orden, y es recomendable que la línea con los códigos (la del asterisco (*) ) la ponga la primera de todas, acá le dejo un ejemplo de como mas o menos tiene que tenerl esas líneas:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align:center;background-image: url(objetos/SNAPSHOTSTHEMEBACKGROUND.jpg) ; background-repeat: background-position: center}
#global {width:800px ; margin:4px auto }

Otra cosa más, si fuese tan amable de ponernos los códigos de su página html
Porque nos ha puesto los de su hoja de estilo y los de los estilos del menu, pero es necesario también los de su pagina html.
Y otra cosa más
la dirección o url de su página es http://bioff.com.ar Quiero decir que su página no lleva www

Otra cosa, para mayor seguridad, aunque muchas veces no es necesario, pero es bueno que donde usted pone en la línea del body ese background-repeat:
Le ponga algo, porque lo que usted está diciéndo allí es "ahora la repetición del fondo la quiero así". Pero no le dice como lo quiere, no le dice si quiere que se repita o que no se repita, o si quiere que se repita horizontalmente o verticalmente o que esté a la izquierda y que se repita hacia abajo etc.
También es lo mismo con el background-position:center
Le está diciéndo que la posición sea centrada ¿pero dónde?. ¿que quede arriba y centrada? ¿que quede abajo y centrada? ¿o que quede al centro y centrada?. Porque si la quiere al centro entre arriba y abajo y entre izquierda y derecha, y que de allí se repita hasta llenar el body o la página, debiera de poner no una sino dos veces center, por ejemplo.
background-position:center center;
Bueno, no le aburro más y péguenos sus códigos de la página

Saludos
Agradecido de los que aprenden enseñando
Mikael escribió:
Raulyure escribió:
Mikael escribió:Hola a todos, LA verdad que yo en el Html-kit y le doy preview, se mira todo correcto, Ahora, cuando entro a mi web por el internet, no funcionan los menus desplegables, y Ademas! algunos links no me funcionan :cry: :cry: :cry: pueden checar: www.bioff.com.ar AYUDA!!! Espero tu Ayuda!!! PLEASE!!!

Hola:
Bueno, después de todo lo que le dije en el post anterior acerca de tener en la hoja de estilo solo una linea de body etc. etc.
He visto su código de la página, y una razón del porqué no le funcionan los desplegables es porque usted le ha puesto en la lista de desplegables algunos códigos como el Font Size, el color, etc. etc. (eso en su página html) Acá le dejo parte de los códigos que usted tiene en su pagina respecto a los desplegables

<div id="navegacion">
<ul>
  • <font size="2" color="#ffffff" Face="Eras Medium ITC">Bio® Programas</font>

  • <font size="2" color="#ffffff" Face="Eras Medium ITC">Descargas</font>
  • <font size="2" color="#ffffff" Face="Eras Medium ITC">Para Hi5</font>
  • <font size="2" color="#ffffff" Face="Eras Medium ITC">Paginas Amigas</font>
  • <font size="2" color="#ffffff" Face="Eras Medium ITC">Contactate</font>

    </div>
    <div id="contenido">

    Bien, yo le sugeriría que usted elimine todos esos códigos, y deje los desplegables como suelen estar en el curso Paso a Paso, ya que si usted quiere ponerle a los enlaces del desplegable una fuente o letra diferente y un tamaño diferente, eso lo tiene que hacer en la hoja de estilo general

    Acá le dejo el como debiera de tener la lista de los desplegables

    <div id="navegacion">
    <ul>
  • Bio® Programas
  • Descargas
  • Para Hi5
  • Paginas Amigas
  • Contactate

    </div>
    <div id="contenido">

    Así podrán funcionar bien, ahora para que los enlaces de ese desplegable tengan por ejemplo otra fuente o letra, otro color y otro tamaño, como le digo eso debe hacerlo por ejemplo en la hoja de estilo-general, crear un grupo de aes, por ejemplo al final de la hoja de estilo-general sería algo así:
    #navegacion li a{text-decoration:none;display:block;color:aqua}
    #navegacion li a:link{}
    #navegacion li a:visited{}
    #navegacion li a:hover{text-decoration:none;background-color:red;}
    #navegacion li a:active{color:black}

    También puede usted modificar algo donde dice
    #navegacion li{float-left etc. etc. etc.

    Digamos que allí es donde se debe "jugar" un poco con los códigos
    Ya nos dirá
    Saludos
  • Agradecido de los que aprenden enseñando
    Mikael escribió:
    Hola:
    Fuera de las sugerencias que le di en los spots anteriores, le recomiendo que en su hoja de estilo, donde dice #contenido p{margin: etc. etc. etc.}

    Lo modifique y que diga #contenido p{padding:5px 10px 5px 10px;text-indent:15px;}
    para que las capas le queden bien ubicadas.
    Saludos
    Agradecido de los que aprenden enseñando
    Hola Mikael, he visto que tu pones el color negro de fondo de pagina y quisiera saber cómo hiciste para que la misma te quedara centrada dentro de dicho fondo negro. Es que en la mia me queda la pagina hacia la izquierda.
    Gracias