no me funciona el menu desplegable

roberto91_zgz · 6 Nov 2008, 21:31 · Solicitar retirada

los menus desplegables solo los puedo ver cuando veo la plantilla de mi carpeta, al intentar ver la plantilla que esta en internet me dice que hay un error, y en internet tampoco me sales estos menus.

codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>TE QUIERO</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Te amo mi vida</div>
</div>
<div id="navegacion">
<ul>

te quiero

nuestras fotos

nuestros regalos

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

fotolog

youtube

Enlace 3

</div>
<h1>te querre hasta la muerte</h1>

xk aunk aya abido momentos malos,a hoja de estilos, pero parece que al incluir estas tres capas el borde ha desaparecido tal y como os señalo con círculos rojos en la imagen de arriba.

Quizás no me creas, pero los bordes de la capa #pie sí que están dibujados. Lo que ocurre es que cuando una capa no tiene ningún contenido, la altura que toma es cero y por tanto en lugar de ser un rectángulo se queda como una línea.

Pero... la capa #pie síi que tiene contenido, ni más ni menos las otras capas #pieuno, #piedos y #pietres, no? Pues No. Como le he escrito a estas tres capas la propiedad float, las capas están flotando sobre la capa #pie por lo que es como si #pie no tuviera ningún contenido.

Venga vale, pero dónde está entonces la capa #pie todo lo k sale de ti es bueno</p>
<h2>te quiero...</h2>
</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

hoja de estilos:
* {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.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; 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-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu { float: left ; background-color: yellow ; width: 125px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
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-curva-superior.gif);background-position: top}
#pie { background-color: white ;
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 { float:left; width:150px }
#piedos { float:left; width:498px }
#pietres { float:left; width:150px }
#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: silver}
a:active {}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active {color:blue}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

mi direccion: http://nereteamo.myartsonline.com/plantilla.html

muxas gracias por adelantado

Yaneth · 7 Nov 2008, 00:41 · Solicitar retirada

asegurate de subir tooodos los documentos

porque al parecer no subiste los estilos

checa eso

Yaneth · 7 Nov 2008, 00:43 · Solicitar retirada

Hola

en lo posible evita copiar y pegar
ya qye asi no te enteraràs de que se tratan los codigos

te lo digo por esto

<link rel="stylesheet" type="text/css" href="estilo-general-40.css" media="all">

asi no se llama tu hoja de estilos verdad?????????

saludos

Raulyure · 7 Nov 2008, 01:14 · Solicitar retirada

roberto91_zgz escribió:los menus desplegables solo los puedo ver cuando veo la plantilla de mi carpeta, al intentar ver la plantilla que esta en internet me dice que hay un error, y en internet tampoco me sales estos menus.

codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>TE QUIERO</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Te amo mi vida</div>
</div>
<div id="navegacion">
<ul>

te quiero

nuestras fotos

nuestros regalos

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>
fotolog
youtube

Enlace 3

</div>
<h1>te querre hasta la muerte</h1>

xk aunk aya abido momentos malos,a hoja de estilos, pero parece que al incluir estas tres capas el borde ha desaparecido tal y como os señalo con círculos rojos en la imagen de arriba.

Quizás no me creas, pero los bordes de la capa #pie sí que están dibujados. Lo que ocurre es que cuando una capa no tiene ningún contenido, la altura que toma es cero y por tanto en lugar de ser un rectángulo se queda como una línea.

Pero... la capa #pie síi que tiene contenido, ni más ni menos las otras capas #pieuno, #piedos y #pietres, no? Pues No. Como le he escrito a estas tres capas la propiedad float, las capas están flotando sobre la capa #pie por lo que es como si #pie no tuviera ningún contenido.

Venga vale, pero dónde está entonces la capa #pie todo lo k sale de ti es bueno</p>
<h2>te quiero...</h2>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo
Contactos
Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio
TopSite
Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

hoja de estilos:
* {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.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; 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-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu { float: left ; background-color: yellow ; width: 125px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
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-curva-superior.gif);background-position: top}
#pie { background-color: white ;
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 { float:left; width:150px }
#piedos { float:left; width:498px }
#pietres { float:left; width:150px }
#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: silver}
a:active {}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active {color:blue}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

mi direccion: http://nereteamo.myartsonline.com/plantilla.html

muxas gracias por adelantado

Hola:
Ya se que puede que no sea importante, pero veo también que a su archivo le ha puesto como nombre numero-de-menus-02.txt
y sin embargo acá nos dice que se llama numero-de-menus.txt.

<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>.
Y el que tiene subido a internet se llama numero-de-menus-02.txt

Si el archivo se llama numero-de-menus.txt, debiera de mantener la concordancia, ya que usted en su página no hace referencia a ningún archivo que se llame numero-de-menus-02.txt que es el que realmente tiene puesto en internet.
Saludos

Yaneth · 7 Nov 2008, 16:16 · Solicitar retirada

Eso pasa

porque el ha copiado todo el codigo de la plantilla

y tal cual, lo subìo a la red

roberto91_zgz · 8 Nov 2008, 16:07 · Solicitar retirada

gracias a los 2, pero despues d aver cambiado todo, de leerme todo y de volver a subir todos los objetos el menu despegable me sigue sin funcionar. y tambien se me plantea otra pregunta, e creado unas galerias fotograficas con el photoshop, como las puedo subir a mi web?? porque subo todos los archivos y hago un enlace a esa "sub-web" pero no me salen, me sale un mensaje de error. gracias

Yaneth · 8 Nov 2008, 16:19 · Solicitar retirada

Repito

evita copiar y pegar

mira esto

<script language="javascript" src="numero-de-menus-.txt" type="text/javascript"></script>

asi no se llama tu documento verdad??????

saludos