No se abre página al clikear sobre un elemento del menú

Mi menú tiene diferentes partes:

Broches
Pedidos
etc
etc
etc


Mi problema es que al clickear en algún enlace del menú no se me abre ninguna otra página dentro de la web para ver el contenido de este enlace...sé que me salté algún paso pero no logro saber cual :cry: por favor si alguien me ayuda!
Hola

la pregunta obligada es...

tienes hechas las páginas a donde quieres llegar con los enlaces?

si es asi,

pues copia y pega aqui todo tu codigo, para ver que pasa

saludos
Buenas Gominola! Bienvenid@ al foro!

Como bien dice Yaneth, lo mejor es poder ver el codigo html de tu página. Así, ademas de poder corregirte alguna que otra cosilla a tiempo, podremos saber qué es lo que te falla en los enlaces.

Abre tu programa de hacer webs (es el html kit?), ve a la vista de codigo html, lo seleccionas todo, lo copias, vuelves al foro y lo pegas en una respuesta a este mensaje.

IMPORTANTE: Antes de pulsar en ENVIAR, tienes que activar la casilla que hay al lado, donde pone "Deshabilitar HTML en este mensaje" o si no no aparecerá el codigo correctamente, vale?

Un saludo!
A ver:

ESTILO-GENERAL:

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto; border: 1px solid black ;}
#cabecera {background-color: white;; }
#navegacion {background-color: #FFFAFA ; }
#contenido {background-color: #FFE4E1}; width: 800px ; float:left; }
#contenido p {padding: 12px 30px 5px 10px ; text-indent: 15px; font-size: 1.4em}
#menu {background-color: #EEA2AD ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; border: 1px solid black ;}}
#pie {background-color: #8B1C62 ; ;}
#menu li {list-style:none ; margin: 20px 2px 20px 6px }
* {margin:0px ; padding:0px ; border: 0px}
a {color: #8B008B; font-size:1.3em ; text-decoration: none; display: block}
a:hover {color: #000000; text-decoration: underline; background-color: silver}
p {text-align: justify}
h1 {font-size: 1.6em; color:#C71585; font-weight: bold ; text-decoration: underline ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ;width: 800px ; height: 12px; overflow : hidden}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ;width: 800px ; height: 12px; overflow : hidden }


ESTILOS:

body {background-color: #FFE4E1; background-image: url(objetos/mix016.jpg) }
img {border-style: none}
.centrado {text-align:center}
border-left: black 1px solid

INDEX.HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Bienvenidos a mi página web</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Gominola de fieltro</p>
<pp>[contenido no disponible]</p>



</body>
</html>



PLANTILLA

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"> </div>
<div id="navegacion"></div>
<div id="contenido">

<div id="menu">
<ul>
  • #"][contenido no disponible]Home
  • #"][contenido no disponible]Broches
  • #"][contenido no disponible]Llaveros y otros
  • #"][contenido no disponible]Colecciones
  • #"][contenido no disponible]Pedidos
  • #"][contenido no disponible]Forma de pago/envío
  • #"][contenido no disponible]Personaliza tus pedidos

    </div>
    <h1>Bienvenidos a la página web de GOMINOLA</h1>



    Me hace especial ilusión inagurar esta página web,que tanto trabajo me ha costado crear ( todo sea dicho,je je je ),para que todo el mundo que entre a visitarla pueda disfrutar de ella tanto o más como disfruto yo con cada nueva visita que le hacéis.</p>



    Espero que entre todos me ayudéis a sacar esta página a flote y que sea un lugar que a la gente le agrade visitar,sin ningún compromiso.</p>



    En la página podréis ir viendo mis creaciones,con actualizaciones de todos los productos que vaya haciendo para que os animéis a seguir las novedades de este sitio y de esa forma disfrutéis cuando estéis navegando por él.</p>



    Así mismo os dejo un menú donde podéis ver las distintas secciones con las que cuenta esta página y,cómo no,mi dirección de e´mail por si tenéis dudas,sugerencias,quejas y todo lo que se os ocurra y me queráis comunicar.
    Sin más,¡os invito a que empezéis a navegar por mi página web!</p>

    </p>
    </div>
    <div id="pie"></div>
    <div id="curva-inferior"></div>
    </div>


    [correo eliminado]</p>

    </body>
    </html>


    Ahora tengo otro problema...modifiqué un poco la página y no me deja subir la nueva plantilla a la página web y además cuando doy a plantilla para previsualizarla en el modo web no me sale igual que en el modo plantilla de la carpeta local :?

    Nota de jorgens: Te he señalado de rojo cosas mal y en azul cosas que te faltan.
  • Guau, menos mal que estamos a principio de las lecciones... cuando tengamos 20 lecciones no se como vamos a meter todo el codigo en el foro! je je je je. Bien, asi lo vemos todo.

    He visto porqué no te funcionan.
    <ul>
  • [contenido no disponible]Home
  • [contenido no disponible]Broches
  • [contenido no disponible]Llaveros y otros
  • [contenido no disponible]Colecciones
  • [contenido no disponible]Pedidos
  • [contenido no disponible]Forma de pago/envío
  • [contenido no disponible]Personaliza tus pedidos

  • Como verás, tienes esto en cada enlace <a href="#">. Ahí es donde se define la ruta de la página que ha de abrirse al hacer clic, pero no hay ninguna ruta en ellos. Por eso no conducen a ninguna parte.

    Para arreglarlo (mejor dicho, para completarlo) tienes que sustituir la almohadilla (#) por la ruta de la página a la que quieres enlazar en cada enlace o vínculo del menú.

    Por ejemplo, si quieres enlazar a una página que está en la misma carpeta que la plantilla.html tienes que poner, eliminando la # lo siguiente:

    <a href="nombredelaotrapagina.html">

    Y así con todos los enlaces del menu. Claro que, como dijo Yaneth, antes debería crear esas otras páginas. Por ejemplo, abriendo la plantilla, pulsando en "Guardar como" y poniendole otro nombre. Anota ese nombre pues será el que debas escribir en la ruta, tal y como te acabo de comentar arriba.

    Un saludo, y sigue preguntando si no entiendes algo, oki?
    Otra cosa importante.

    Una de las lineas de tu hoja de estilos, la estilos-general.css ha de estar la primera de todas, no en la mitad de la hoja. Se trata de esta líea:
    body {text-align: center}
    #global {width:800px ; margin: 4px auto; border: 1px solid black ;}
    #cabecera {background-color: white;; }
    #navegacion {background-color: #FFFAFA ; }
    #contenido {background-color: #FFE4E1}; width: 800px ; float:left; }
    #contenido p {padding: 12px 30px 5px 10px ; text-indent: 15px; font-size: 1.4em}
    #menu {background-color: #EEA2AD ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; border: 1px solid black ;}}
    #pie {background-color: #8B1C62 ; ;}
    #menu li {list-style:none ; margin: 20px 2px 20px 6px }
    * {margin:0px ; padding:0px ; border: 0px}
    a {color: #8B008B; font-size:1.3em ; text-decoration: none; display: block}
    a:hover {color: #000000; text-decoration: underline; background-color: silver}
    p {text-align: justify}
    h1 {font-size: 1.6em; color:#C71585; font-weight: bold ; text-decoration: underline ; text-align: center}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ;width: 800px ; height: 12px; overflow : hidden}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ;width: 800px ; height: 12px; overflow : hidden }

    Ponla justo la primera de la hoja de estilo, de lo contrario está anulando los margenes definidos justo antes que ella, es decir, poniendo a cero los de los estilos #menu li, #menu, #contenido p, etc, etc

    Creo que tendré que dejarlo mas claro en las lecciones.. es la tercera vez que os ocurre y eso significa que hay que explicarlo mejor. Por eso agradezco vuestras dudas, je je je.

    Un abrazo!
    Mas cosillas...
    ESTILOS:
    body {background-color: #FFE4E1; background-image: url(objetos/mix016.jpg) }
    img {border-style: none}
    .centrado {text-align:center}
    border-left: black 1px solid

    La última linea ni tiene paréntesis ni tiene nombre de estilo ¿? se te ha debido colar... Eliminala o descubre que pretendias..


    He retocado con tu permiso el mensaje en el que pusiste tus codigos par señalarte en el en rojo lo que debes eliminar y en azul lo que debes añadir para tenerlo bien.