Tengo un problema. Seguí el ejemplo con Divs y ahora he empezado a modificarlo para crear mi propia web. El problema es que cuando añado enlaces en el menu lateral, me salen más centrados que los demás. He revisado el còdigo y no veo dónde me equivoco. Me pueden ayudar por favor? Muchas gracias, os copio el còdigo:
CÒDIGO 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">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif.gif" width="270" height="80"alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Despatx d'arquitectura Sellarès i Verdaguer</div>
</div>
<div id="navegacion">
<ul>
<li><a href="index.html">Projectes detallats</a></li><li><a href="que hem fet/que hem fet.html">Que hem fet</a></li><li><a href="concursos/concursos.html">Concursos</a></li><li><a href="altres serveis/altres serveis.html">Altres serveis</a></li><li><a href="qui som/qui som.html">Qui som</a></li>
</ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Projectes detallats</h1><li><a href="casa1.html">Casa 1</a></li><li><a href="casa2.html">Casa 2</a></li><li><a href="casa3.html">Casa 3</a></li><li><a href="casa4.html">Casa 4</a></li></ul><li><a href="casa5.html">Casa 5</a></li><li><a href="casa6.html">Casa 6</a></li><li><a href="local.html">Local</a></li>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>Despatx blablablabalblablabladkljfslkjfdjlskf sdflkjsfjls fslkdfjslkdfhls fsldfsldfhs dpsfksdlhfls sñdlfsdjlfhs sldfhsfhs lsfhslkdfhs fdhsdklfhslf sfdflsdhfs fslfds flsdfhs fskjbfssdfkhslb</p>
<h2>Jordi Sellares</h2>
<p>Blablabla.....klsdfjslf sdlkfkls ssdlfkhsdf sldfjsd fsofkslfdlñghkñfgkhlñfhñkfñglhkhklñfkñ hñljkfñglk ñlfk hñlfk hñlfgkh ñlkghplñflfhñgk hñfkgñ hkflñh kñlkñsdfjkldltgjkf dfhkhgjdf dfhlkjklsgj dfglg sadklhkfdhf slfdk fñdjll sladjkklaf fgdjkljgdfl lgglndk lsdfk hlgndfl fhkñgñl ñ kghlñk lñfhkñfghkl ñlghk ñghk ñkghñ kglñh kñlgk ñlfghkñ lgñfk ñlghk ghklñghk ñlfg hklñkghñfl kghlñk gñlye4poty rtým mñ kdr lñmdm hh ñmñdt mñt mñf thmñtmh ñdt mñmñm ñh tñm mñmñ ftslf ssldkhgs vsfbhls saelfkhs flsfhs</p>
</div>
</div>
</body>
</html>
HOJA DE ESTILOS:
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
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;}
#cabecera {border-left:black 1px solid; border-right:black 1px solid; border-top: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 45px 0px 0px;}
#navegacion ul { margin-left: 60px }
#contenido {background-color:orange; border-left:black 1px solid; border-right:black 1px solid; border-bottom:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
#menu {width:150px; float:left; text-align:left; margin:3px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior.gif.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.gif);}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color: silver;}
a:active {}
Muchísimas gracias otra vez, me salvais la vida [:D]
CÒDIGO 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">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif.gif" width="270" height="80"alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Despatx d'arquitectura Sellarès i Verdaguer</div>
</div>
<div id="navegacion">
<ul>
<li><a href="index.html">Projectes detallats</a></li><li><a href="que hem fet/que hem fet.html">Que hem fet</a></li><li><a href="concursos/concursos.html">Concursos</a></li><li><a href="altres serveis/altres serveis.html">Altres serveis</a></li><li><a href="qui som/qui som.html">Qui som</a></li>
</ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Projectes detallats</h1><li><a href="casa1.html">Casa 1</a></li><li><a href="casa2.html">Casa 2</a></li><li><a href="casa3.html">Casa 3</a></li><li><a href="casa4.html">Casa 4</a></li></ul><li><a href="casa5.html">Casa 5</a></li><li><a href="casa6.html">Casa 6</a></li><li><a href="local.html">Local</a></li>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>Despatx blablablabalblablabladkljfslkjfdjlskf sdflkjsfjls fslkdfjslkdfhls fsldfsldfhs dpsfksdlhfls sñdlfsdjlfhs sldfhsfhs lsfhslkdfhs fdhsdklfhslf sfdflsdhfs fslfds flsdfhs fskjbfssdfkhslb</p>
<h2>Jordi Sellares</h2>
<p>Blablabla.....klsdfjslf sdlkfkls ssdlfkhsdf sldfjsd fsofkslfdlñghkñfgkhlñfhñkfñglhkhklñfkñ hñljkfñglk ñlfk hñlfk hñlfgkh ñlkghplñflfhñgk hñfkgñ hkflñh kñlkñsdfjkldltgjkf dfhkhgjdf dfhlkjklsgj dfglg sadklhkfdhf slfdk fñdjll sladjkklaf fgdjkljgdfl lgglndk lsdfk hlgndfl fhkñgñl ñ kghlñk lñfhkñfghkl ñlghk ñghk ñkghñ kglñh kñlgk ñlfghkñ lgñfk ñlghk ghklñghk ñlfg hklñkghñfl kghlñk gñlye4poty rtým mñ kdr lñmdm hh ñmñdt mñt mñf thmñtmh ñdt mñmñm ñh tñm mñmñ ftslf ssldkhgs vsfbhls saelfkhs flsfhs</p>
</div>
</div>
</body>
</html>
HOJA DE ESTILOS:
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
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;}
#cabecera {border-left:black 1px solid; border-right:black 1px solid; border-top: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 45px 0px 0px;}
#navegacion ul { margin-left: 60px }
#contenido {background-color:orange; border-left:black 1px solid; border-right:black 1px solid; border-bottom:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
#menu {width:150px; float:left; text-align:left; margin:3px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior.gif.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.gif);}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color: silver;}
a:active {}
Muchísimas gracias otra vez, me salvais la vida [:D]