PROBLEMAS CON LA JUSTIFICACION DE LOS PARRAFOS

misterx · 12 Jun 2008, 17:36 · Solicitar retirada

Por segunda vez pongo este asunto ya que por lo visto el anterior ha quedado olvidado.
Repito: No hay forma de que se me justifiquen los parrafos en la leccion 2.

En la plantilla tengo esto:

<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 Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

enlace 1

enlace 2

<a href="#">
enlace 3</a>

</div>

Esta será 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 pié de página</div>
</div>
</body>
</html>

En la hoja de estilos tengo esto:

body {text-align: center}
#global{width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange;width: 800px; float:left}
#menu {background-color: yellow; width: 150px ; float:left ;text-align:left}
#pie {background-color: brown}
* {margin:0px ; padding:0px ; border: 0px}
#menu li { list-style:none; margin: 4Opx 0Opx 4Opx 6Opx}
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}

Espero que la contestacion se esta vez mas rapida.

Un saludo.

Raulyure · 12 Jun 2008, 23:44 · Solicitar retirada

misterx escribió:Por segunda vez pongo este asunto ya que por lo visto el anterior ha quedado olvidado.
Repito: No hay forma de que se me justifiquen los parrafos en la leccion 2.

En la plantilla tengo esto:

<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 Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
enlace 1
enlace 2
<a href="#">
enlace 3</a>

</div>

Esta será 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 pié de página</div>
</div>
</body>
</html>

En la hoja de estilos tengo esto:

body {text-align: center}
#global{width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange;width: 800px; float:left}
#menu {background-color: yellow; width: 150px ; float:left ;text-align:left}
#pie {background-color: brown}
* {margin:0px ; padding:0px ; border: 0px}
#menu li { list-style:none; margin: 4Opx 0Opx 4Opx 6Opx}
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}

Espero que la contestacion se esta vez mas rapida.

Un saludo.

Hola:
He pedido permiso en mi trabajo para venir corriéndo a contestarle, espero me disculpe por no haber llegado antes.
Pero a lo importante
Creo y le sugiero que lo primero sería ordenar un poco la hoja de estilo
por ejemplo la línea que tiene el asterisco *{margin:opx;padding:opx;border:opx;}
le sugiero que la ponga en la primera línea antes del body
y la que tiene en la última línea esa que dice p{text-align:justify;} le sugiero ponerla después de la primera línea
*{margin:0px;etc.etc.etc.;}
p{text-align:etc.etc.etc.;}
body{text-align:etc.etc.etc.;}
#global {etc.etc.;}
#cabecera{etc.etc.etc.;}
#navegacion{etc.etc.etc.;}
#contenido{etc.etc.etc.;}
#menu{etc.etc.etc.;}
#menu li{etc.etc.;}
#pie{etc.etc.;} y de acá para abajo el resto
Luego seguiremos viendo de arreglar lo de los párrafos
Saludos

misterx · 13 Jun 2008, 09:28 · Solicitar retirada

En primer lugar, quiero pedirte disculpas por mi impaciencia, pero otras veces me contestaste tan rápido que pensé que se habia olvidado mi mensaje, la impaciencia es dsculpable ya que el curso me parece muy interesante con el único problema que solo puedo dedicarle los atos libres y estos son pocos. Al no recibir contestación me encontraba parado ya que habia conseguido sacar algo de tiempo para dedicarle.

Bueno, a lo que vamos: Problema resuelto, al ordenar la hoja de estilos todo funciona bien y los parrafos se justifican. Gracias.

Un saludo.

Raulyure · 13 Jun 2008, 10:18 · Solicitar retirada

misterx escribió:En primer lugar, quiero pedirte disculpas por mi impaciencia, pero otras veces me contestaste tan rápido que pensé que se habia olvidado mi mensaje, la impaciencia es dsculpable ya que el curso me parece muy interesante con el único problema que solo puedo dedicarle los atos libres y estos son pocos. Al no recibir contestación me encontraba parado ya que habia conseguido sacar algo de tiempo para dedicarle.

Bueno, a lo que vamos: Problema resuelto, al ordenar la hoja de estilos todo funciona bien y los parrafos se justifican. Gracias.

Un saludo.

Hola:
Reconozco que fui un poco sarcástico, y también reconozco esa impaciencia de querer una respuesta rápida a un problema de estos, porque aunque no lo crea yo en su momento también fui impaciente, porque tenía muy poco tiempo y no era fácil para mi después de doce horas de trabajo ponerme frente al ordenador y darme de cabeza contra un muro por no poder solucionar algo y encima no haber obtenido una respuesta rápida, (así que no crea que no lo entiendo) pero me tenía que aguantar porque lo que estaba pidiendo era que el que me contestara quitara de su tiempo para hacerlo, por esa razón a veces me paso de sarcástico, aunque después me dan ganas de decir que lo decía en broma, pero también me habría sentido mal yo si hubiese dicho después que lo decía en broma cuando realmente no era así, yo se que para cada uno en estos tiempos, el tiempo es valioso, dependiendo claro de cuanto uno lo considere valioso., pero como solemos decir los dos. A lo que vamos.
Me alegro que lo haya solucionado, ya vendrán otros problemillas mas adelante, y seguro estaremos acá, y lo mas probable es que algún día me toque preguntarle a usted.
Le daré una idea de como hago esto yo, (los demás no lo se) pero cuando veo que un problema tiene difícil solución,(que no era su caso) lo que hago es copiar exactamente los códigos de como los ponéis y creo una pagina con su hoja de estilo y la subo a una web y allí veo como se comporta, hasta poder lograr arreglarla, eso para mi suele requerir algo de tiempo, pero lo hago con gusto, porque tengo dos razones, una es que deseo que esa persona siga avanzando en su web y la otra es que me gusta aprender, después que la arreglo por decirlo así, le doy los datos a esa persona por el foro y quito esa página de mi web.
Saludos
Yo suelo decir, que si alguien utiliza un derecho en su vida, le concede a los demás el mismo derecho, por tanto si yo a alguien en particular le digo ciertas cosas, debo respetar la respuesta que se me de por parte de esa persona, no soy de las personas que le niegan un saludo a otras solo por el hecho de que me haya sentido mal por algo que hayan dicho, eso lo considero que es de personas ignorantes, así que usted adelante con su web, que aún queda mucho.
Otra vez saludos

Infinity · 27 Jun 2008, 03:40 · Solicitar retirada

Yo tengo el mismo problema y realicé los pasos que le indicó al compañero, pero no me resulto. Aun no puedo justificar los párrafos. Mi plantilla lee asi:

<!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 Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2

Enlace 3

</div>

Esta será la zona principal de la Web</p>

Este curso de Como crear tu web es una gran bendición. Ya voy por la lección 2 y he aprendido un montón. Solo falta terminar para experimentar y crear mi propia página web para anunciar mi trabajo externo. Me fascina el humor que utiliza el autor para dar sus clases. Sinceramente, debería (si no lo es ya) escoger una carrera en el magisterio para ser maestro, pues es excelente. ¡Dios lo bendiga mucho!</p>

Quiero enseñarle a mi hijo también, pero creo que voy a hacer que pase trabajo como lo estoy haciendo yo lección por lección. De hecho, lei en el foro que están esperando las lecciones 5 y 6. Espero que estén preparadas para cuando llegue a ellas. NO puedo esperar a ver mi página web hecha. Gracias mil.</p>
</div>
<div id="pie">Este es el pié de la página</div>
</div>
</body>
</html>

Mi hoja de estilo lee asi:

*{margin:0px;padding:0px;border:0px}
p{text=align:justify}
body{text-align:center}
#global{width:800px;margin:4px auto}
#cabecera{background-color:pink}
#navegacion{background-color:red}
#contenido{background-color:orange;width:800px;float:left}
#menu{background-color:yellow;width:150px;float:left;text-align:left}
#menu li{list-style:none;margin:4px 0px 4px 6px}
a{color:blue;font-size:1.3em;text-decoration:none;display:block}
a:link(color:red}
a:visited(color:black;text-decoration:underline}
a:hover{color:brown;text-decoration:bold;background-color:silver}
a:active{}
#pie{background-color:brown}

Espero su contestación, aunque no con tanta impaciencia, jeje. Saludos.

Infinity · 27 Jun 2008, 03:47 · Solicitar retirada

Antes de que contestes, ya encontré donde estaba el error. escribí:

p{text=align:justify}

y debia decir:

p{text-align:justify}

De todos modos, gracias.

Raulyure · 27 Jun 2008, 04:23 · Solicitar retirada

Infinity escribió:Antes de que contestes, ya encontré donde estaba el error. escribí:

p{text=align:justify}

y debia decir:

p{text-align:justify}

De todos modos, gracias.

Hola:
Me alegro que lo haya solucionado. Recién vi su spot, es que tengo una pequeña discusión con mi ordenador, yo le digo que me informe cuando hay algún mensaje del foro en que he hecho algún comentario, pero este ordenador mío va a lo suyo, me avisa cuando quiere y cuando se le da la gana, (por ahora el va ganándo la discusión) pero reitero, me alegro que lo haya solucionado, a veces una coma mal puesta o un punto nos suele hacer desbarajustes tremendos en nuestras páginas.
Saludos

osvaldo · 29 Jun 2008, 03:43 · Solicitar retirada

hola, tengo los mismos problemas con las justificaciones, paso mis codigos:
pagina index:
<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">Bienvenido a mi WEB</div>
<div id="navegacion">barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>

enlace 1

enlace 2

enlace 3
</div>

esta sera la zona principal de la web.</p>

estoy tratando de crear mi propia pagina web en este curso se me hace mas facil hacerlo etc etc etcaaaaaaa aaaaaaa aaaaaaaaa aaaaaaaaa aaaaaaa sdads dfdf sdfdfd fdfdfsdf.</p>

es lo que yo queria saber ya hace mucho tiempo etc etc etc aaaaaaaaa aaaaaa aaaaa aaaaaa aaaaaaa aaaaaa aaaaaaaaaa sds sdsio ijdsisi sdadsid sdsygdusydgus sdsgd.</p>

espero terminarlo al curso etc etc aaaaaaa aaaaaaaaa aaaaaaaaaaa aaaaaaaaaa aaaaaaaaaa aaaaaaaa aaaaaaa aaaaaaa oodfodsfod ofodfkodfkod oskkodoskd oskdoskdkd.</p>
</div>
<div id="pie">este es el pie de pagina</div>
</div>
</body>
</html>

hoja de estilos:
* {text-indent:0px ;margin:0px ;padding:0px ;border:0px}
p {text-align: justify }
body {text-align: center}
#global {width:800px ;margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#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:blue ;text-decoration:none ;display: block }
a:link {}
a:visit {}
a:hover {color:red ;text-decoration:underline ;background-color:blue }
a:active {}
El problema de todo esto es que me queda como si dejara sangria y me tendria que quedar todo igual supongo.
bueno desde ya muchas gracias saludos a todos