
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:
Y el Codigo style.css es este:
-------------------------------------------------
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.
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


0