HTML - Sublime Text 2 - Html Ayuda

 
Vista:
sin imagen de perfil

Sublime Text 2 - Html Ayuda

Publicado por Rodrigo (1 intervención) el 25/02/2015 08:28:06
Bueno les paso a explicar, hice el "index.html" y el "style.css" los codigos estan perfecto, ningun error ni nada, hasta eso anda joya la web. Pero el tema es que hise como unos sub menus, y a la hora de que habro el "index.html" y quiero ir por ejemplo a "contactos" no se me habre.

Este es el Codigo Html:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
 
<title> Store Gaming Rosario </title>
<meta charset="UTF-8">
<link href="style.css" rel="stylesheet" type="text/css">
 
</head>
<body>
<div id="cabecera">
<img src="http://i61.tinypic.com/2hy84tk.jpg">
</div>
<div id="menu">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="nosotros">Nosotros</a></li>
<li><a href="componentes">Componentes</a></li>
<li><a href="metodosdepago">Metodos de Pago</a></li>
<li><a href="contacto">Contacto</a></li>
</ul>
</div>
<div id="contenido">
<p>Esta web fue fundada el dia 25 de febrero del 2015, con la intencion de hacer un negocio de Computadoras gaming, perifericos entre otras cosas, este proyecto lo propusimos hacer tras varios años de espera, pero con muchos años de inversion al final pudimos empesar con esta empresa, y con todas nuestras ansias de trabajar, esperamos darle lo mejor a nuestros cilentes.</p>
</div>
<div id="footer>
<ul>
<li><a href="http://www.facebook.com"><img src="http://imageshack.com/a/img198/6376/qo13.png"><a></li>
<li><a href="http://twitter.com"><img src="http://imageshack.com/a/img31/3859/aqjm.png"><a></li>
<li><a href="http://taringa.net"><img src="http://imageshack.com/a/img819/1576/1aeb.png"><a></li>
</ul>
<p>Todos los derechos reservados.</p>
</div>

</body>
</html>


Y el Codigo style.css es este:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
body {background-color:#543ed1;margin:0px;}
 
#menu {position:inherit; width:55.5%; display: block; margin: auto;}
 
#menu ul {position:relative; margin:0px; padding:0px; height:50px;}
 
#menu ul li {margin-top:9px; margin-left:25px; list-style:none; float:left; cursor:pointer;width:100px;
padding:5px; background-color:#24a3de; border-radius:5px; text-align:center;}
 
#menu ul li a {color:#FFF; font-family:'trebuchet MS', 'Tahoma'; text-decoration:none; font-weight:bold;}
 
#menu ul li:hover{background-color:#12536c;}
 
#contenido
{
position:inherit;
margin-left:100px;
margin-right:100px;
}
 
#contenido img
{
display: block;
margin: auto;
}
 
#contenido p
{
font-family:'trebuchet MS', 'Tahoma';
}
 
#footer{position:inherit;width:40%;display: block;margin: auto;}
 
#footer ul {position:relative; top:20px;width:50%; margin: 0 auto; padding:0;}
 
#footer ul li {margin-left:25px; list-style:none; display:inline-block;cursor:pointer;}
 
#footer p {position:relative;top:20px;width:67%;margin:0 auto; padding:0 auto;
font-family:'trebuchet MS', 'Tahoma'}

-------------------------------------------------

Para hacerle mas facil su ayuda, todo lo que hice fue ayuda gracias a este post.
Parte 1: http://www.taringa.net/posts/hazlo-tu-mismo/17487552/Megapost-Crea-tu-pagina-web-profesional-en-minutos.html

Parte 2: http://www.taringa.net/posts/hazlo-tu-mismo/17493390/Megapost-Crea-tu-pagina-web-profesional-en-minutos-Parte-2.html
--------------------------------------------------

Me quede en la parte que quiero hacer haciendo click en "index.html" en la parte "contactos" valla a contactos.html. Ya cree todos los documentos contacto.html y los demas, pero a la hora de copiar el style.css no puedo ponerlos bien, si me ayudaria seria mucha ayuda! Desde ya muchas gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Guido

Sublime Text 2 - Html Ayuda

Publicado por Guido (1 intervención) el 02/03/2015 08:38:20
Por lo que veo a simple vista

"
<li><a href="#">Inicio</a></li>
<li><a href="nosotros">Nosotros</a></li>
<li><a href="componentes">Componentes</a></li>
<li><a href="metodosdepago">Metodos de Pago</a></li>
<li><a href="contacto">Contacto</a></li>

"

En tus "href" te falta a donde estas direccionando, tiene ser por ej: "<a href="nosotros.html">Nosotros</a>", con la extension del archivo, aparte, te tienes que fijar que la otra pagina a la cual estas redireccionando, este dentro del mismo directorio (que fue lo que enlace anteriormente) o si esta en otra caperta, etc (de ser asi, el enlace seria <a href="carpeta/nosotros.html">Nosotros</a>.

Espero que la info te sirva, exito :D
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar