Problemas con la conexión

Carmen Torrico · 28 May 2009, 18:22 · Solicitar retirada

Es la primera vez que contacto con vosotros aunque llevo un tiempo trabajando en la web. He tenido problemas que he ido solucionando mejor o peor. Ahora he terminado la web y ma queda como el ejemplo pero cuando quiero ir de una página a otra me avisa el explorer que no puede abirla ese programa.

He revisado numerosas veces los enlaces, los he copiado, pegado y escrito a mano. ¡Pero nada!. A veces logro conectar dos páginas, pero cuando lo intento de nuevo me da error.

Soy novísima en esto y ando despistada, os agradecería que me indicaseis donde puede estar el problema, pues no se como solucionarlo.

Además cuando conecto a Internet sale la portada pero cuando doy a "historia", "conciertos"... sale un mensaje diciendo:

HTTP 404 - Documento no encontrado.

Mi dirección es:

http://siempremusica.myartsonline.com

De todos modos muchas gracias por vuestra ayuda, no tenía ni idea de todo esto y he conseguido montar la web de ejemplo. Para mí es un logro.

P.D. A mí me sale correcto el Index dentro del programa aunque con el explorer se ve desconfigurado.

abrahan gonzalez · 28 May 2009, 23:03 · Solicitar retirada

Carmen Torrico escribió:
Mi dirección es:

http://siempremusica.myartsonline.com

De todos modos muchas gracias por vuestra ayuda, no tenía ni idea de todo esto y he conseguido montar la web de ejemplo. Para mí es un logro.

Hola Carmen
Esto es lo que tienes en tu hoja de estilo general

* {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}
#navegacion {background-color: gray;border: black 1px solid; height:20px}
#navegacion li {float:left; list-style:none; margin: 0px 15px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido{background-color: orange;p {float:left;border:black 1px solid}
#contenido p{padding: 5px 10px 5px 10px;text-indent: 15px}p{text-align: justify}

#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 150px ; 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 ;
background-image: url(objetos/menu-parte-superior.gif);padding-top:12px }
#pie {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 ; background-color}
#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: white}
a: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}

Te he puesto algunas cosas en rojo que en tu hoja de estilo general están mal.

Tu hoja de estilo debieras de tenerla mas o menos así:

*{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}
#navegacion {background-color: gray;border: black 1px solid; height:20px}
#navegacion li {float:left; list-style:none; margin: 0px 15px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p{padding: 5px 10px 5px 10px;text-indent: 15px}

#menu {width: 150px ; 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 ;
background-image: url(objetos/menu-parte-superior.gif);padding-top:12px }
#pie {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 ; background-color}
#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: white}
a: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 hablando de tus enlaces, si tu estás en tu index (o tu portada)
cuando hagas los enlaces a las otras paginas, en tu portada no tienes que ponerle a los enlaces los dos puntos, porque a tu enlace de la portada le tienes que decir que entre a una carpeta y luego que entre al enlace, por ejemplo en la capa navegacion en donde estan los enlaces para las otras paginas debieras de tenerlo así

<div id="navegacion"><ul>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs</div>

Como ves, si estás en el index no le tienes que poner un enlace al index, (si ya estás en el) por eso solo le pones una almohadilla.
Para ir a la pagina historia.html
tienes que ponerle primero la carpeta en donde está la pagina y despues la pagina, y así para todas, eso es cuando estás en tu index o portada.

Ahora si estás en una pagina por ejemplo en la pagina historia.html, entonces es que tienes que ponerle los dos puntos y luego la pagina a la que vas a ir
ya que lo que le estarás diciendo es que salga de la carpeta en que está y despues entre a la pagina que quieres ir por ejemplo

<div id="navegacion"><ul>