Perdon por ser tan pesada

falicr · 20 Feb 2009, 08:10 · Solicitar retirada

Estoy por la leccion 3ª de como crear una pagina web...aplicación de bordes, pues no lo veo cuando hago vista previa plantilla.html y no me sale, os pongo como lo tengo de momento.

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right:3px 10px 3px 3px}
#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}
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}

a:active {}
p {text-align: justify}

Tengo algo mal??? pues no veo los bordes negros.

Gracias por todos.

Ahi alguien que me pueda ayudar?????

nosabernada · 20 Feb 2009, 19:26 · Solicitar retirada

Hola,

a priemra vista elcodigo esta bien, pero por lo menos prueba a quitar el black anterior al 1px, por si las mosacas.

pon tu codigo html por si acso vale?

Adios

Raulyure · 20 Feb 2009, 19:58 · Solicitar retirada

Hola:

Usted donde dice #contenido p, a continuación lo vuelve a repetir
creo que debiera de tener más o menos sus códigos de esta manera

........................
*{text-indent:0px;margin:0px;padding:0px;border:0px}

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 }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px; 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-right:3px 10px 3px 3px}
#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}
...........................................
También habría sido bueno que nos hubiese puesto los códigos de su página, ya que así habríamos visto mejor cual pudiera haber sido el problema

Saludos

nosabernada · 20 Feb 2009, 20:07 · Solicitar retirada

Hola,

Raulyure, pero cres tu que eso podria influir en los bordes?

Adios

falicr · 21 Feb 2009, 00:25 · Solicitar retirada

nosabernada escribió:Hola,

Raulyure, pero cres tu que eso podria influir en los bordes?

Adios

:oops: No ha dado resultado :(

pitufo · 21 Feb 2009, 00:37 · Solicitar retirada

El fallo puede estar en el html. Pega los códigos para ver como los tienes.

Bye.

falicr · 21 Feb 2009, 00:39 · Solicitar retirada

nosabernada escribió:Hola,

Raulyure, pero cres tu que eso podria influir en los bordes?

Adios

Este es mi codigo HTML-KIT plantilla-html. despues de poner lo que me has dicho y salvar.
<!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>
<h1> Esta será la zona principal de la web</h1>

Este es mi segundo párrafo</p>.

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>
<h2>Y este es el tercer párrafo</h2>.

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>

pitufo · 21 Feb 2009, 00:50 · Solicitar retirada

Si. Si funciona. Tiene un borde de un pixel color negro al lado derecho e izquierdo del área del contenido.

Bye.

falicr · 21 Feb 2009, 00:53 · Solicitar retirada

pitufo escribió:Si. Si funciona. Tiene un borde de un pixel color negro al lado derecho e izquierdo del área del contenido.

Dios pues yo no lo se ver jajaja, vale gracias
continuo con la leccion :)

Bye.

pitufo · 21 Feb 2009, 01:00 · Solicitar retirada

ponle de 10px para que lo veas bien. jeje

Bye.

Raulyure · 21 Feb 2009, 04:07 · Solicitar retirada

falicr escribió:
nosabernada escribió:Hola,

Raulyure, pero cres tu que eso podria influir en los bordes?

Adios

:oops: No ha dado resultado :(

Hola:

En realidad lo que le dije que tenia repetido, era porque lo tenia repetido y el orden de la hoja de estilo que le dejé era para que la tuviese en orden, y después de hacer lo que le sugerí, entonces ya se podía revisar si había algún problema con los bordes.

Saludos

falicr · 21 Feb 2009, 09:55 · Solicitar retirada

Raulyure...............

Creo que no me explico bien, lo que me pasa es que cuando hago vista previa en plantilla htlm, para ver los resultados de los cambios lo que veo es esto,

Bienvenidos a mi Web
Barra de Navegación
Enlace 1
Enlace 2
Enlace 3
Esta será la zona principal de la web
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í.

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.

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.

Este es el pié de página

No se ver los cambios que me dice la leccion, solo me sale eso y claro yo creo que tendria que ver como esta quedando en mi pagina no????

Un saludo de una que tiene un lio que te ca.....

Raulyure · 21 Feb 2009, 11:02 · Solicitar retirada

falicr escribió:Raulyure...............

Creo que no me explico bien, lo que me pasa es que cuando hago vista previa en plantilla htlm, para ver los resultados de los cambios lo que veo es esto,

Bienvenidos a mi Web
Barra de Navegación
Enlace 1
Enlace 2
Enlace 3
Esta será la zona principal de la web
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í.

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.

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.

Este es el pié de página

No se ver los cambios que me dice la leccion, solo me sale eso y claro yo creo que tendria que ver como esta quedando en mi pagina no????

Un saludo de una que tiene un lio que te ca.....

Hola:

Creo haberle entendido bien en su primer spot, lo que yo le decía es que primero había que ordenar cosas básicas en la hoja de estilo que pertenece a esa página, después revisar como tiene los códigos en la página y allí se vería cual era realmente el problema.

Por ejemplo, si yo hago una página, y le pongo como nombre plantilla.html y escribo en ella, cuando la vea, todo lo que hice me va a salir con letras, o sea sin ningún estilo. ¿Porqué?.

Porque no le he puesto ningún estilo, no le he dicho como quiero que salgan las letras ni si quiero los párrafos centrados ni un color de fondo, etc. etc., solo me aparecerá una columna de cosas tal como dice usted que le aparecen.

Entonces para que la página tenga estilos, lo que hay que hacer es crear una hoja de estilo, y ponerla en la misma carpeta en que está esa página plantilla.

A la hoja de estilo le llamaré estilo-general.css (todo en minúsculas)
entonces en esa hoja de estilo diré que (poniéndo los códigos correspondientes) en mi página quiero que los pátrrafos estén centrados o justificados o lo que yo quiera, y que la página tenga un color de fondo, y que cierta capa tenga bordes por la derecha y por la izquierda etc. etc. etc..

Claro que no saco nada con crear una hoja de estilo para esa página, si no tengo relacionada la página para que reciba las órdenes desde esa hoja de estilo.

Así que lo que hay que hacer es ir a esa página llamada plantilla.html, y entre la etiqueta <head> y la etiqueta </head> pongo el código que va a relacionar esa página con esa hoja de estilo-general.css

Y pongo entre el <head> y el </head> lo siguiente

<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

Como a la hoja de estilo para esa página, la he puesto como nombre estilo-general.css y es todo con minúsculas, exactamente así es como debo ponerle en ese <link rel etc. etc. etc.

Y así, esa página plantilla.html podrá recibir las ordenes de esa hoja de estilo-general.css

Así que me encontraré que dentro de la carpeta donde guardo mi web, o sea la carpeta raíz de mi web, la que está en el escritorio, la que según el curso se llama "web-ejemplo-cctw"

Pues dentro de esa carpeta tendré no solo la carpeta objetos, sino una página index.html con su propia hoja de estilo llamada estilo.css una pagina plantilla.html con su propia hoja de estilo llamada estilo-general.css

Y como en el <link rel de la página plantilla.html habré puesto correctamente el código y correctamente el nombre de la hoja de estilo general pues se tendrá que ver en la página los estilos que puse en la hoja de estilo-general.css

Hay que tener cuidado con errores tan comunes como por ejemplo nombrar a la hoja de estilo estilos-general.css
y después poner en la página, en ese link rel etc. etc. estilo-general.css

O nombrar la hoja de estilo estilo-general.ccs cuando debiera de ser css o cualquier otro error imperceptible que se suele tener después de haber pasado un buen tiempo frente a la pantalla (si yo a veces veo en mi pantalla que los códigos bailan, y estoy seguro que no les puse ese estilo, y menos el ula ula je je je )

Ya nos dirá

Saludos

falicr · 21 Feb 2009, 12:01 · Solicitar retirada

Lo he estado mirando y todo lo he puesto como me has dicho, estilo.css (tenia estilos.css) pero sigo igual no me ha cambiadonada.

Te pongo aqui el contenido de mi estilo-general.css y de la plantilla html...te he entendido lo que me has dicho y creo tener el enlace bien.

estilo-general.css:

*{text-indent:0px;margin:0px;padding:0px;border:0px}

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 }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px; 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-right:3px 10px 3px 3px}
#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}

plantilla.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">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2

Raulyure · 21 Feb 2009, 13:18 · Solicitar retirada

falicr escribió:Lo he estado mirando y todo lo he puesto como me has dicho, estilo.css (tenia estilos.css) pero sigo igual no me ha cambiadonada.

Te pongo aqui el contenido de mi estilo-general.css y de la plantilla html...te he entendido lo que me has dicho y creo tener el enlace bien.

estilo-general.css:

*{text-indent:0px;margin:0px;padding:0px;border:0px}

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 }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px; 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-right:3px 10px 3px 3px}
#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}

plantilla.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">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>
<h1> Esta será la zona principal de la web</h1>

Este es mi segundo párrafo</p>.

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>
<h2>Y este es el tercer párrafo</h2>.

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>

Creo tenerlo bien, pero sigo sin ver nada cuando hago vista previa.

Un saludo y aunque soy mayor no me hables de usted jajaja

Hola:

Voy a hacer una prueba con sus códigos, y veremos como solucionarlo, pero antes vaya a su hoja de estilo-general.css y donde tiene la capa menu, allí donde dice #menu{etc.etc.etc.}

Si se da cuenta, verá que dice margin-right:3px 10px 3px 3px

pues elimine esto: -right

Y en la misma hoja de estilo, donde dice h2{font.size}
Debiera de decir h2{font-size} es con guión medio, no con punto

Saludos

Raulyure · 21 Feb 2009, 13:39 · Solicitar retirada

Hola:

Pruebe modificar su hoja de estilo tal como se la dejo acá y también haga lo mismo con su pagina, fíjese bien, incluso en el texto de la capa contenido, ya que he modificado unas pocas cosas
La cuestión es, si puede hágalo exactamente como se lo dejo acá, fuera de eso vea que en su hoja de estilo-general, allí arriba, donde tiene la línea del asterisco que esté todo seguido sin espacios

estilo-general.css

*{text-indent:0px;margin:0px;padding:0px;border:0px}

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 }
#cabecera {background-color: pink;border-left:black 1px solid;border-right:black 1px solid; }
#navegacion {background-color: gray;border:black 1px solid }
#contenido {background-color: orange ; width:auto; 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}
#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{}
..............................................
plantilla.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">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>
<h1> Esta sera la zona principal de la web</h1>

Este es mi segundo parrafo. Acabo de poner un punto y en cambio sigue siendo un parrafo pues no le he colocado aun la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer parrafo</h2>

En pocas lecciones aprendere a darle margenes para separarlos unos de otros, e incluso hacerles sangrias por la izquierda a la primera linea, 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>

Si continúan los problemas, entonces haremos una solución más drástica

saludos

falicr · 21 Feb 2009, 13:58 · Solicitar retirada

Vale....ya esta corregido lo que me has dicho, he quitado -right
y rectificado lo del guión, algo mas? pues lo sigo bien igual....perdona es que soy muy torpe :(

falicr · 21 Feb 2009, 14:02 · Solicitar retirada

bien, lo he cambiado tal y como me lo has puesto, y sigue igual.

Siento ser tan pesada.

Un saludo y te agradezco el esfuerzo y la paciencia que tienes conmigo. Mañana mirare a ver que hago, hoy ya no voy a poder

falicr · 22 Feb 2009, 18:18 · Solicitar retirada

http://laprimerapaginadefali.onlinewebshop.net/plantilla.html, esta es mi pagina y así es como tiene que quedar http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…

falicr · 22 Feb 2009, 18:23 · Solicitar retirada

falicr escribió:http://laprimerapaginadefali.onlinewebshop.net/plantilla.html, esta es mi pagina y así es como tiene que quedar http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…

Ostras he borrado lo qu ehabia puesto antes, que no se si he de trabajar sobre web-ejemplo-cctw-local o web-ejemplo-cctw-internet, creo que lo estoy haciendo mal poniendo los codigos en web-ejemplo-cctw-internet por eso cuando miro en vista previa no veo como esta quedando.

Un saludo y perdon por mi torpeza, soy novata :lol:

Raulyure · 22 Feb 2009, 21:18 · Solicitar retirada

falicr escribió:
falicr escribió:http://laprimerapaginadefali.onlinewebshop.net/plantilla.html, esta es mi pagina y así es como tiene que quedar http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…

Ostras he borrado lo qu ehabia puesto antes, que no se si he de trabajar sobre web-ejemplo-cctw-local o web-ejemplo-cctw-internet, creo que lo estoy haciendo mal poniendo los codigos en web-ejemplo-cctw-internet por eso cuando miro en vista previa no veo como esta quedando.

Un saludo y perdon por mi torpeza, soy novata :lol:

Hola:

Todo lo que haga debe hacerlo en su pagina de la "web-ejemplo-cctw-local" (modificar, hacer vista previa, etc.)
La carpeta azul solo debe utilizarla para subir los archivos al servidor, no debe hacer vista previa en la carpeta azul, y para ver su página en internet debe hacerlo por medio del navegador

Saludos

falicr · 22 Feb 2009, 21:28 · Solicitar retirada

Entonces ese era el problema jajaja voy a tener que volver a empezar de nuevo todo :shock: muchas gracias