hola buenas,
estoy avanzando bastante con el tutorial de Jorgens, gracias por hacerlo tan facil!!
el único problema que tengo hasta ahora es con el pie. Al poner pie 1, pie 2 y pie 3 en vertical, me sale el pie 1 ligeramente mas hacia la derecha que pie2 y pie3.
la pagina es: paginadeprueba1.onlinewebshop.net/plantilla.html
os pongo lo que tengo escrito en la plantilla:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible] </div>
<div id="publicidad">Bienvenidos a mi Web</div>
</a>
</div>
<div id="navegacion">
<ul>
sección 1sección 2sección 3sección 4
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de sección 1</h1>enlace 1enlace 2enlace 3enlace 4</div><h1>Esta será la zona principal de la web</h1>
Este es el segundo parrafo, estoy aprendiendo mucho con este tutorial.</p>
<h2>Este es el tercer párrafo, dentro de poco voy a tener una web de puta madre. De aquí al estrellato. O eso, o me estrello con todas las de la ley!! jajjaja</h2>
Este es el cuarto párrafo, no se que poner porque no tengo ni puta idea.</p>
</div>
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
y lo que tengo puesto en estilo-general.css:
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
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 }
#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 ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; 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 ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif)}
#pie {background-color: white ; 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 {}
un saludo, y gracias de antemano por ayudarme.