yocoloco escribió:Hola! Abrahan: 2
Hola yocoloco
Te voy a dejar acá los códigos de como tienes que tener tu hoja de estilo y de como tienes que tener tu pagina html.
En tu carpeta que tienes en tu escritorio, abre tu hoja de estilo general, (le das clic derecho al archivo y eliges abrir con y eliges bloc de notas, cuando esté abierta eliminas todo lo que hay y pegas estos códigos
*{text-indent:0px;margin:0px ; padding:0px ; border: 0px}
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}
p {text-align: justify}
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 }
#navegacion {background-color: gray ; border:black 1px solid }
#contenido {width:auto;background-color: orange ; float:left ; border-left: black 1px solid ; border-right: black 1px solid;}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie {background-color:red ;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;}
#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:silver}
a:active {}
Luego guardas
ahora haces lo mismo con tu pagina plantilla le haces clic derecho/abrir con/bloc de notas
cuando la tengas abierta borras todo lo que hay allí y pegas estos códigos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Perfumes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1Enlace 2Enlace 3
</div>
<h1>Esta será la zona principal de la web</h1>
Está será una explicación breve de lo que son los perfumes que te puedes encontrar en nuestra web, como puedes ver los perfumes no son de imitación</p>
<h2>Y esté es mi tercer párrafo</h2>
Puedes encontrar unos precios muy variados dependiendo de cada bolsillo, pero que nosotros tratamos de ajustarlos lo mejor posibe a cada las necesidades de cada uno</p>
</div>
<div id="pie">Este es el pie de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Despues que hayas hecho todo eso, abres el html kit, conectas la carpeta azul y le das upload al index para que suba
Luego que ha subido, cierras el programa html-kit y lo vuelves a abrir y ahora conectas otra vez la capeta azul y le das upload a la plantilla.
cierras el programa otra vez y vuelves a abrirlo para ahora subir la hoja de estilo general
con las imagenes haces lo mismo, las vuelves a subir.
Esto que te digo es para asegurar que los archivos suben bien (después no hay necesidad de hacerlos uno por uno
Es importante saber cual version de sistema operativo tienes
para decirte como borrar los archivos temporales, ya que puede que estén también molestando
¿Tienes XP o tienes Vista?.
Es que se borran de diferente manera
mi correo es [correo eliminado]
Por allí te puedo ayudar mejor, y despues ponemos acá en los spot la manera de como lo arreglamos