problema al subir mi pagina al servidor razy y configurando los nuevos enlaces

miguelalfonzo · 10 Jul 2011, 05:09 · Solicitar retirada

buenas, antes q nada felicitar a esta página por sus lecciones y todo, pero tengo varios problemas con mi web. 1ero cuando quiero enlazar todas mis web con el editpad lite me dice que el archivo buscado no fue encontrado, por lo que tuve q hacerlo manualmente con cada una de las plantillas, para que por ejemplo cuando le diera clik sobre PORTADA me apareciera portada, o FORO me apareciera foro. Cuando cargo la página en el servidor se me des configura toda, y como si fuera poco si le doy click sobre por ejemplo FORO me dice error no se encuentra la página, cosa q ya la he cargado al servidor desde la pagina de razy, agradecería toda su ayuda ya que en verdad quiero tener esta pagina web. la direccion de la pagina es http://nextgenerations.sportsontheweb.net y a continuación pondré tanto estilo general como estilo y el html.

estilo general:
#navegacion {background-color: silver ; border: blue; 1px solid ; height:20px}
#navegacion li {float:left ; list-style:blue; margin: 0px 08px 0px 08px }
#navegacion ul { margin-left: 80px }
#contenido {background-color:Brown; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 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:black; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:black; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: silver;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
height:65px;
#pie li {list-style:blue;font-size:12px;}
#pieuno {background-color:white; float:left;width:150px; border-right: black 1px solid;}
#piedos {background-color:white; float:left;width:498px;}
#pietres {background-color:white; float:left;width:150px;border-left:black 1px solid;}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: black ; text-decoration:blue ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:none ; background-color: silver}
a:active {}
#pie a {color: black; text-decoration:blue ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:none; text-decoration:none ; background-color: white }
#pie a:active {color:none}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: none}
#logotipo a:active {}

estilos ccs:

* {margin:0px; padding:0px; border:0px;}
body {background-color:#DB7093}
img {border-style: none}
.centrado {text-align:center}
cabecera {background-color: pink }
#global {width:800px; margin:4px auto;}
a {color:blue; font-size:1.3em; text-decoration:none;}

codigo html de la pagina portada.index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Página Principal de la Web</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 id="logotipo"><a href="index.html"><img src="objetos/c.JPEG" width="150px"
height="80px" alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="logotipo"><a href="index.html"><img src="objetos/fo.JPEG" width="150px"
height="80px" alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi portal web sobre el asombroso e interesante ámbito de las computadoras (pc).</div>
<div id="logotipo"><a href="index.html"><img src="objetos/fo2.JPEG" width="100px"
height="80px" alt="Haz clic aquí para volver a la página de inicio"></a></div>
</div>
<div id="navegacion">
<ul><li><a href="index.html">portada</a></li><li><a href="historia/historia.html">historia</a>
</li>
<li><a href="partes y componentes basicos de la pc/partes y componentes basicos de la pc.html">partes y componentes basicos de la pc</a></li><li><a
href="Fabricantes de partes/Fabricantes de partes.html">Fabricantes de partes</a></li><li><a
href="usos y programas mas comunes que ofrece una pc/usos y programas mas comunes que ofrece una pc.html">usos y programas mas comunes que ofrece una pc</a></li>
<li><a href="Programas para la aplicacion de Ingenieria en Sistemas/Programas para la aplicacion de Ingenieria en Sistemas.html">Programas para la aplicacion de Ingenieria en Sistemas</a></li>
<li><a href="accesorios secundarios de la pc/accesorios secundarios de la pc.html">accesorios secundarios de la pc</a></li>
<li><a href="juegos para pc/juegos para pc.h
tml">juegos para pc</a></li><li><a href="como proteger nuestra pc de los virus/como proteger nuestra pc de los virus.html">como proteger nuestra pc de los virus</a></li><li><a
href="Foro.html">Foro</a></li>
</ul>
</div>
<div id="contenido">



<p>En esta página web, solo nombrare algunos de los ámbitos mas necesarios para comprender un poco mas los conceptos de computadora y algunas de sus impactos en la vida cotidiana. Esta area es sumamente inmnensa, y en una sola página se hace imposible nombrar todas sus especialidades. </p>
<p>Aquí encontraras algunas informaciones relacionadas en el mundo de las pc.</p>
<p>Para muchos el mundo de las computadoras se ha vuelto indispensables en sus vidas, pues dependen de el ya sea para por trabajo, empleos temporales, entre otros.
<p>La tecnologia ha avanzado mucho, de tal manera que cada dia son creadas nuevas computadoras, con funciones especificas en todas las areas, medicina, ciencia, forense, en fin en todo lo que hasta el dia de hoy le ha sido muy dificil para el hombre investigar sin el uso de la tecnologia.</p>
<p>Hoy en dia, podemos observar los nuevos avances en todas las areas, como por ejemplo: En la astronomía, en la medicina, incluso en la resolución de misterios antiguos.</p>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

si tengo q cargar algo mas para q m ayuden lo hare, muchas gracias

miguelalfonzo · 12 Jul 2011, 19:43 · Solicitar retirada

sera que alguien me puede ayudar? ya solucione el problema de los enlaces, pero la pagina esta des configurada, quien me ayuda para que este como sale en el htmlkit? gracias

Doodleo · 12 Jul 2011, 19:47 · Solicitar retirada

Con desconfigurada te refieres a que el menú ocupa parte del div contenido? Eso es porque hay mucho texto y el menú no es tan largo....

JorGens · 12 Jul 2011, 19:47 · Solicitar retirada

A veces una sola letra te trastoca todo lo demás.

Revisa esto:

#menu {
background-color: lorange ;
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
}

Has puesto lorange cuando querías decir (escribir) orange. Seguramente haya más cosas. Revisa, corige eso, vuelve a probar y nos cuentas, oki?

Animo!

miguelalfonzo · 12 Jul 2011, 20:59 · Solicitar retirada

perfecto gracias ya revise, pero lo q quiero es q el menu de navegacion me quede donde estaba cuando use el html kit, cuando lo cargo en google chrome o mozila la mayoria de ese menu se carga debajo donde esta el contenido, y tambien en algunos enlaces queda un espacio enorme, kmo si estuviera alineado el parrafo a la izquierda, cuando yo lo coloque justificado, mi pregunta es habra un modo de mover todo esa parte a la derecha? y si es por q tengo muchas informacion como dijo el amigo DODLEO? Lo q quisiera es q no se m vieran letras sobre otras letas, gracias

Doodleo · 12 Jul 2011, 21:09 · Solicitar retirada

Y qué tal si agrupas esos enlaces en categorías, formando un menú desplegable? Al poner el ratón encima de una categoría se desplegarían subcategorías que serían los enlaces, qué te parece?

miguelalfonzo · 13 Jul 2011, 17:53 · Solicitar retirada

Doodleo me parece bien tu idea, pero como lo agrupo en ese menu desplegable? no manejo tanto este codigo, si pudieras mandarmelo para colocarlo ya sea en la hoja d estilo o el html de la pagina t lo agredeceria full amigo, gracias

miguelalfonzo · 13 Jul 2011, 18:29 · Solicitar retirada

amigo Doodleo intente hacer lo q m dijistes, aqui mismo habia un tutorial para eso, segui los pasos pero al principio cuando puse ese codigo se me habia cambiado al color blanco el fondo y se veia distinta, luego lo verifique y cuando puse el coigo bien, se veian encima de las letras, ayúdame amigo