juanma92 escribió:Lastimosament volvio el problema! te paso los codigos!
Codigo HTML de 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>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi web!...</div>
<div id="navegacion"> Barra de Navegaccion</div>
<div id="contenido">
<div id="menu">menu
<ul>Enlace 1Enlace 2Enlace 3
</div>
Esta sera la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.
</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
Codigo de 'estilo-general.css':
*{text-indent:opx;margin:0px;padding:0px;border:0px}
body {text-align: center}
#global {width:8oopx;margin:4px auto}
#cabecera {background-color: pink}
#navegacion {background-color: grey}
#contenido {background-color: orange;width:800px;float:left}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px}
#menu {background-color: yellow; width: 150px; float: left; text-align:left ; margin-right:10px}
#menu li {list-style: none;margin:4px 0px 4px 6px}
#pie {background-color: brown}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
p{text-align:justify}
Si qres pasame tu correo o decime como i te mando la imagen de como se ve la web! asi te das una idea.. Gracias
Hola:
No he revisado sus códigos pero al parecer, (aunque no creo sea el fondo del problema) usted debe ver en su hoja de estilo, (en los códigos que ha puesto acá) que hay unas pequeñas diferencias como por ejemplo cuando en la primera línea del código universal (el del asterisco), tiene un número cero que parece letra o, es como si hubiese puesto esto así:
*{text-indent:opx
cuando a lo mejor debiera de ser así:
*{text-indent:0px
sería conveniente que revisar el como pone usted las cifras, sobre todo el cero, ya que en el ejemplo que le he puesto antes, en el primero le he puesto una letra o, y en el segundo le he puesto la cifra cero.
Ahora esta línea de código
p{text-align:justify}
que usted tiene casi al final en su hoja de estilo, le sugiero que la ponga justo antes de la línea del body en su hoja de estilo.
En la línea del código global, donde pone la cifra 800, creo que usted también la tiene de esta manera 8oo, revísela.
Ya nos dirá
