Buenas soy un miembro nuevo y antes de empezar quisiera dar las gracias a todos los de CCTW por enseñarme a crear una web y a todos los miembros que me puedan ayudar a mejorarla.
Decir que he buscado solucion en distintos apartados del foro pero sin resultado, por ello escribo este tema.
Hacer un par de dias, empece con los tutoriales para crear webs y todo esto.
A la vez que hacia la web de CCTW (la cual esa se ve perfecta) también he ido haciendo otra por mi cuenta. El tema es que cuando hago la web con el HTML-kit y hago click en previsualizar se ve como deseo.
Pero si habro el codigo con el firefox solo se ve el codigo HTML pero sin imagenes ni estilos que tengo definidos en el CSS.
Me gustaria que pudieses hecharle un ojo al codigo que subo para ver que se me esta pasando y porque en un navegador en este caso (firefox) no se ve practicamente nada de lo hecho.
CODIGO HTML:
CODIGO CSS:
Esta seria la URL de la pagina que quiero crear: http://www.ayudapcyon.nixiweb.com/
Gracias de antemano por la ayuda que me podais dar, Saludos.
Decir que he buscado solucion en distintos apartados del foro pero sin resultado, por ello escribo este tema.
Hacer un par de dias, empece con los tutoriales para crear webs y todo esto.
A la vez que hacia la web de CCTW (la cual esa se ve perfecta) también he ido haciendo otra por mi cuenta. El tema es que cuando hago la web con el HTML-kit y hago click en previsualizar se ve como deseo.
Pero si habro el codigo con el firefox solo se ve el codigo HTML pero sin imagenes ni estilos que tengo definidos en el CSS.
Me gustaria que pudieses hecharle un ojo al codigo que subo para ver que se me esta pasando y porque en un navegador en este caso (firefox) no se ve practicamente nada de lo hecho.
CODIGO HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Ayudapcyon</title>
<link rel="stylesheet"media="all"type="text/css"href="estilos-web.css"><!-- enlaza la el codigo html con los estilos que se le dan en el.css -->
</head>
<body>
<div id="contenido"><!-- engloba todo el contenido dentro de esta pagina -->
<div><img id="imagenlogo"id="logoayudapc"alt="Portada ayuda pc (273K)" src="OBJETOS/Portada%20ayuda%20pc.jpg" height="300" width="1200" />
</div>
<div><h1><b>AYUDAPCYON</b></h1></div>
<div>MENU NAVEGACION</div><!-- este sera el menu de navegación que tenga mi web -->
<div id="pcpasoapaso"><p id="cabecerapasoapaso"><h2>TU PC PASO A PASO</h2></p>
<div id="logo-pasoapaso"><img alt="pc (26K)" src="OBJETOS/pc.gif" height="80" width="100" /></div>
<div id="menulistapasoapaso"><ul class="menu li">
<div id="pcpiezas"><li>MONTA TU PC A PIEZAS</li></div>
<div id="hardwaremejor"><li>¿QUE HARDWARE ES MEJOR?</li></div>
<div id="softwaremejor"><li>¿QUE SOFTWARE PONGO?</li></div></ul>
</div>
</div>
<div id="blender"><!-- esto es el recuadro o bloque de el blender en mi web -->
<p id="cabecerablender2"><h2>BLENDER 3D</h2></p>
<div id="logo-blender"><img alt="blender3D (8K)" src="OBJETOS/blender3D.gif" height="80" width="100" /></div>
<div id="menulistablender"><ul class="menu li"><li>HAZ TUS DIBUS 3D</li>
<div id="figura3d"><li>CREA UNA FIGURA 3D</li></div></ul></div>
</div>
<p></p>
</div>
</body>
</html>CODIGO CSS:
* {text-indent:0px; margin:0px; padding:0px; border:0px;}
body {text-align:center;margin-right:10px;margin-top:10px;}
body {background-image:url(objetos/fondo 7.jpg);background-repeat:no-repeat;background-position:center;heigth:100%;heigth:1200px;width:1600px;}
#contenido {width:1200px; margin:20px 20px 50px 20px;}<!-- esto limita el ancho y los margenes de todo el contenido de mi pagina -->
#colorear1 {background-color:black;}
.colorear3
#logoayudapc {float:right;margin:10px 0px 0px 0px;}<!-- mueve la imagen del logo ayudapc -->
#imagenlogo {}<!-- esto hace que la imagen del logo principal tenga un borde de 3pixel rojo -->
.menu-li1 {list-style:none;color:blue;}
.menu-li2 {list-style:none;color:fuchsia;}
h1 {background-color:white;font-size:2cm;}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;background-color:silver;}
#menulistablender {float:right;margin:0px 20px 2px -10px;}<!-- contiene la colocacion de el menu de blender -->
#figura3d {float:left;margin:10px 1px 2px 0px;}<!-- esto es para que la palabra de la lista crea una figura 3d se peuda mover -->
#blender {background-color:white; width:300px; heigth: 30px;float:left; text-align:right; margin-right:0px;margin:10px 0px 0px 900px;}<!-- mueve el recuadro en el que esta el logo de blender -->
#logo-blender {float:left;margin:3px 0px 3px 1px;}<!-- mueve la imagen del logo de blender3D -->
#cabecerablender2 {text-align:center;}<!-- colorea la franja en la que se encuentra el titulo de blender -->
#pcpasoapaso {background-color:white;width:1200px;heigth:100px; }
#cabecerapasoapaso {text-align:center;}
#logo-pasoapaso {float:left;margin:3px 0px 10px 10px;}
#pcpiezas {float:right;margin:10px 0px 10px -1000px;}
#hardwaremejor {float:right;margin:10px 0px 10px -750px;}
#softwaremejor {float:right;margin:50px 0px 10px -1000px;}Esta seria la URL de la pagina que quiero crear: http://www.ayudapcyon.nixiweb.com/
Gracias de antemano por la ayuda que me podais dar, Saludos.