El lun, 24-07-2006 a las 14:38 +0200, Sergi Panisello escribió:
Lo primero gracias por contestarme tan rapido, cosa que es de agradecer,
al menos para mi.
Segundo deciros uqe he puesto el codigo tal como me indicais y lo unico
que he conseguido es poner centrada la web, incluso el encabezamiento,
pues este tendria que ir a la izqueirda y a la derecha la foto.
Se que algo me dejo en el tintero y que hago mal, como principiante y
que os ruego tengais paciencia conmigo, gracias de corazon.
Podeis ver el resultado en www.mgandreu.es/pruebas del codigo que os
pongo abajo, lo que tengo hecho del codigo en html y css.
Gracias
Manel
CSS
body {
background:url(images/art.jpg) fixed no-repeat #fff;line-height: auto;
color:#000;
padding: 25px 100px 1000px;
}
body {text-align:center;}
.page {
width:100%; /* por ejemplo */
text-align:left; /* para que no se te alinee en el centro */
margin:0 auto;
}
h1 {
text-decoration:underline;
font-size: 25pt
}
h2 {
text-decoration:underline;
font-size:15pt
}
DHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1">
<link href="mgandreu.css" type="text/css" rel="Stylesheet"
rev="Stylesheet" media="all" lang="castellano" /> <title>Web Personal de
mgandreu</title>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8">
<meta name="generator" content="Bluefish 1.0.4">
<meta name="CREATED" content="20060509;7551700">
<meta name="CHANGED" content="16010101;0">
</head>
<body id="www.mgandreu.es">
<div class="page">
<background:url(images/art.jpg) fixed no-repeat #fff;>
</div>
<h2>Web Personal de</h2>
<h1>Manel Garcia Andreu</h1>
</div>
<div id="head">
</div>
<h1><a></a></h1>
</div>
<div id="nav-top">
<ul>
<a href="#" class="enlacenav">Inicio</a> |
<a href="#" class="enlacenav">Barcelona</a> |
<a href="#" class="enlacenav">Viajes</a> |
<a href="#" class="enlacenav">Infomatica</a> |
<a href="#" class="enlacenav">Pinturas</a> |
<a href="#" class="enlacenav">Dibujos</a> |
<a href="#" class="enlacenav">Radio</a> |
<a href="#" class="enlacenav">Agarofobia</a> |
<a href="#" class="enlacenav">Fotos</a> |
<a href="#" class="enlacenav">Escribeme</a>
</ul>
</div>
> Para centrar el contenido debes poner lo siguiente:
>
> Código CSS
> body {text-align:center;}
> .page {
> width:80%; /* por ejemplo */
> text-align:left; /* para que no se te alinee en el centro */ }
>
> Código HTML
> <body>
> <div class="page">
> (...)
> </div>
> </body>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
