Raulyure escribió:Hola:
Sería conveniente que nos pusiera acá todos los códigos que tiene en su pagina y todos los códigos que tiene en su hoja de estilo-general, para revisar si hay algún error de código, o porque puede que le falte ahora modificar algún código, para que estas se acomoden en el lugar que les corresponde
Saludos
Hola Jorgens estoy agradecido por su respuesta, alli le pongo los códigos que tengo...
Codigo de plantilla.html
<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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1 Enlace 2 Enlace 3
</div>
<h1>Esta será la zona principal de la web</h1>
Con estos los parrafos quedan justificados, esto significa que se reparten para que empiecen justo en la parte izquierda y terminen todas las líneas justo en el margen derecho, sin huecos</p>
<h2> Y este es el tercer parrafo</h2>
Tras la aclaración, vamos a incluir un par de párrafos más a continuación de ese. Escribe un par de párrafos que tengan bastante textos, al menos lo suficiente como para sobrepasar lo que ocupa el menú de la izquierda</p>
</div>
<div id="pie">Este es el pie de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Codigo de 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 {widht: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: whrite ; 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 ; font-size: 16px}
#navegacion {background-color: gray ; border: black 1px solid ; height: 20px}
#contenido {background-color: orange ; border-left:black 1px solid ;
border-right: black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color:yellow ; width:150px ; float:left ; text-align:left ; margin-right:10px}
#pie {background-color: whrite ;
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 }
#menu li{list-style:none}
#menu li{list-style:none ; margin: 4px 0px 4px 6px}
#menu {.........margin:10px 10px 5px 9px}
a {color: brown ; text-decoration:none}
a {color:blue; font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
a {color:brown ; text-decoration:none ; display:block}