una mujer escribió:he eliminado las hojas de estilo general y la normal, y ahora ya no puedo ponerme otra vez a crearlas porque mi cabeza echa humo...
mepodrían poner lo que lleva la hoja de esctilos.css para copiarla y la estilos-general.css?
Voy ya por la 2ª lección en dar formato cero, pero como me enredé queriendo subir mi página a mi dominio y verla ya en la red, pues he formado un lío que parece el testamento de una loca, así que borrré las hojas de estilo que llevaba hechas hasta entonces y ahora en la plantilla no me salen los colores ni nada........
por favor, peguen aquí como deben quedar porque si no me rindo ya del tóooooooo........no almuerzo, no desayuno, apenas ceno, sueño con el kit, mimarido no me habla, la perra no la saco, el gato está entristecido y yo estoy atacá de los nervios............sos...sos...
Acá le dejo los códigos de la hoja de estilo.css (la normal) es la que pertenece al index.html
...........................................
estilo.cssbody {text-align:center;background-color:#E6E6FA;background-image:url(objetos/fondo024.jpg);background-position:center center;background-repeat:repeat;height:100%;}
img{border-style:none;}
.centrado{text-align:center;}
Donde dice background-image, eso significa imagen de fondo, yo puse una cualquiera, usted ponga la suya
....................................................
estos son los códigos del index.html según el curso
index.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>
[contenido no disponible]</p>
Página creada gracias a
CCTW</p>
[correo eliminado]</p>
Para entrar pulse aca</p>
</body>
</html>
........................................................
estos son los códigos de la pagina plantilla.html según el curso
plantilla.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<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>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Este es un título más pequeño</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
............................................................
esta es la hoja de estilo general que pertenece a la pagina plantilla
estilo-general.css
*{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}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink;border-left:black 1px solid;border-right:black 1px solid; }
#navegacion {background-color: gray;border:black 1px solid; }
#contenido {background-color: orange ; width:auto; 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: brown;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid; }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
...........................................................................
Saludos