Pagina Isabel Allende

Hola a todos/as:

Mi nombre es Jorge. Estoy haciendo un curso de 4 meses en Buenos Aires y la primera tarea era hacer un sitio. El mio esta en www.nuestrostemas.com

Es una página sencilla, hecha con tablas. La pregunta que tengo es sobre el tema CSS, que en el curso no se dió con mucha profundidad. Si yo quisiera reahacer esa página, para no tener que cambiar página por página en el caso de cambiar la parte superior o agregar un botón, cómo podría hacerla con CSS?

Hay alguien que me pueda dar una mano?

Gracias
Jorge

Pues tu lo tienes muy fácil, jeje, porque ya tienes hechos los estilos, aunque los tienes metidos dentro del código html. Tus códigos css son estos:

#Layer1 {
	position:absolute;
	width:700px;
	height:20px;
	z-index:1;
	top: 83px;
	left: 14px;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	background-color: #0000FF;
	top: 75px;
	left: 63px;
}
#Layer3 {
	position:absolute;
	width:200px;
	height:202px;
	z-index:1;
	left: 512px;
	background-color: #847921;
}
body {
	background-image: url(Images/fondo3.gif);
}
.Estilo4 {font-size: xx-small; color: #A58EA5; font-family: Verdana, Arial, Helvetica, sans-serif;}
#Layer4 {
	position:absolute;
	width:251px;
	height:55px;
	z-index:1;
	left: 387px;
	top: 623px;
}
#Layer5 {
	position:absolute;
	width:314px;
	height:71px;
	z-index:1;
	left: 381px;
	top: 609px;
}
#Layer6 {
	position:absolute;
	width:100px;
	height:74px;
	z-index:2;
	left: 200px;
	top: 606px;
}
#Layer7 {
	position:absolute;
	width:174px;
	height:15px;
	z-index:3;
	left: 312px;
	top: 608px;
}
.Estilo5 {
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.Estilo6 {color: #808080}
a:link {
	text-decoration: none;
	color: #A58EA5;
}
a:visited {
	text-decoration: none;
	color: #A58EA5;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #A58EA5;
}

Ahora creas una página css que se llame por ejemplo estilos.css, y pones en esa página esos códigos, y los borras del index (las etiquetas de <style type="text/css"> y </style> no se ponen en l hoja css)
Luego debes enlazar la hoja de estilos, lo que se hace con este código en el head:
<link rel="stylesheet" href="estilos.css" type="text/css">


Por cierto, te aconsejo que centres la web, que en ópera y seguramente en el Morzilla Firefox se ve en la izquierda.


Saludos :wink:

Hola Jugoncan:

Gracias por la información que me das. Voy a intentarlo de la forma que dices. Pasa que en CSS estoy en nivel "cero" entonces voy a ir probrando.

Saludos y centraré la página tal como dices.

Jorge

Ademas Fijate en el titulo Dice..Unitle Document ..

Tienes Que Ponerle El Nombre De La Web..zD

Como Sabremos Como Se Llama

daury1992 escribió:Ademas Fijate en el titulo Dice..Unitle Document ..

Tienes Que Ponerle El Nombre De La Web..zD

Como Sabremos Como Se Llama

Siii, gracias por avisar!

J ;)