prueba

thiplo · 13 Oct 2007, 23:43 · Solicitar retirada

esto es sólo para ver si lo tengo todo bien no sé porqué me dá que tengo cosas mal bueno esto es lo que tego de momento
<!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</a>

>Enlace 2</a>

>Enlace 3</a>

</div>

Ésta será la zona principal de la web</div>
<div id="pie">este es el pié de la página</div>

</body>
</html>

body {text-align: center}
#cabecera {background-color: blue}
#navegacion {background-color: blue}
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px ; float:left;text:align:left}
#contenido {background-color: orange ; width: 800px ; float:left}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.3em ; text-decoration: none}
#pie {background-color: red}
#global {width:800px ; margin: 4px auto}
a {color: brown ; text-decoration:none ; display: block }

body {background-color: #E6E6FA ; background-image: url(objetos/jpg.png) ; background-repeat: no-repeat}
img {border-style: none}
p {text-align:center}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

[contenido no disponible]

<title>pokémon-sabana</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

Bienvenidos a mi Página Web</p>

La Página que Todos Quieren</p>
imágenes

</body>
</html>
[contenido no disponible]

porfa decidme si tengo algo mal
esque me debería salir lo de bienvenidos etc... en rosa y no sé porqué no me sale

Jugoncan · 14 Oct 2007, 11:31 · Solicitar retirada

Lo rojo falta, lo azul sobra y lo marrón está en otro sitio.

<!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</a>

>Enlace 2</a>

>Enlace 3</a>

</div>

Ésta será la zona principal de la web</div>
<div id="pie">este es el pié de la página</div>

</body>
</html>

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: blue}
#navegacion {background-color: blue}
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px ; float:left;text-align:left}
#contenido {background-color: orange ; width: 800px ; float:left}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a {color: blue; font-size:1.3em ; text-decoration: none}
#pie {background-color: red}
#global {width:800px ; margin: 4px auto}
a {color: brown ; text-decoration:none ; display: block }

body {background-color: #E6E6FA ; background-image: url(objetos/jpg.png) ; background-repeat: no-repeat}
img {border-style: none}
p {text-align:center}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

[contenido no disponible]

<title>pokémon-sabana</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

Bienvenidos a mi Página Web</p>

La Página que Todos Quieren</p>
imágenes

</body>
</html>
[contenido no disponible]

Lo de amarillo no se que hace ahí

Saludos, Juanma

thiplo · 14 Oct 2007, 15:46 · Solicitar retirada

gracias pero no veo que hayas puesto algo en marrón
de todos modos si alguien detecta mas fallos que lo diga así que este tema todavía no está solucionado una pregunta más esque lo de esta será la zona principal de la web me sale un poco a la derecha como lo arreglo?

Jugoncan · 14 Oct 2007, 15:52 · Solicitar retirada

Es que lo marrón parece rojo oscuro, es:
* {margin:0px ; padding:0px ; border: 0px}

Jugoncan · 14 Oct 2007, 15:54 · Solicitar retirada

Has puesto dos veces #contenido y has definido dos veces a (enlaces).
Quita uno de cada, y si dejas el segundo #contenido quita el float: left.

thiplo · 14 Oct 2007, 16:00 · Solicitar retirada

vale pero lo de esta sera la zona principal de la web
se me va a la derecha como lo areglo?

Jugoncan · 14 Oct 2007, 16:03 · Solicitar retirada

Si te refieres a que las letras están centradas es por esto:
p {text-align:center}

thiplo · 14 Oct 2007, 16:14 · Solicitar retirada

dos cosas donde se pone lo de p text align center?
te copiaría como lo tengo y como lo quiero pero lo he intentado y sale todo pegado a ala izquierda de todas formas lo tengo bien ahora?

<!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</a>

Enlace 2</a>

Enlace 3</a>
</div>

Ésta será la zona principal de la web</p></div>
<div id="pie">!disfrutad¡</div>
</body>
</html>

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

body {background-color: #E6E6FA ; background-image: url(objetos/jpg.png) ; background-repeat: no-repeat}
img {border-style: none}
p {text-align:center}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

[contenido no disponible]

<title>pokémon-sabana</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

Bienvenidos a mi Página Web</p>

La Página que Todos Quieren</p>
imágenes

</body>
</html>
[contenido no disponible]

Jugoncan · 14 Oct 2007, 16:18 · Solicitar retirada

Has puesto las dos veces lo mismo.
Lo que yo digo es que tú has puesto p {text-align: center}
y por eso te queda centrado
pon p {text-align: justify} y te quedará bien.

thiplo · 14 Oct 2007, 16:23 · Solicitar retirada

muchísimas gracias espero que me sigas ayudando

Jugoncan · 14 Oct 2007, 16:25 · Solicitar retirada

Si, claro, por supuesto, jeje :lol:
Aquí aprendo y ayudo :)
Saludos, Juanma

thiplo · 14 Oct 2007, 16:46 · Solicitar retirada

otra cosa tengo algo mal aquí esque se supone que los párrafos tendrían que separarse al dar a preview pero siguen igual

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<!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</a>

Enlace 2</a>

Enlace 3</a>
</div>

Ésta será la zona principal de la web

Segudo párrafo.Mirad como esta es mi web y todavía no está terminada
abrá que esperar un poco.

Tercer párrafo.Pero mientras,podeis hacer
otras cosas como entrar en otras webs

Cuarto párrafo.Pero a que demomento mi web mola mazo hee a que sí pues
para que mole aún mas estoy preparando unas cosas super
guays

Y quinto párrafo.Si quereis saber gracias a que web creé esta gran página
os lo digo fue gracias a CCTW:como crear tu web
esta es una de las mejores páginas web que conozco
así que si quereis haceros una página web meteos en CCTW</p></div>
<div id="pie">!disfrutad¡</div>
</body>
</html>

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

si te ayuda voy por la segunda parte "Margen en párrafos"

Jugoncan · 14 Oct 2007, 16:51 · Solicitar retirada

Si, al principio de cada párrafo pon

y al final </p>
Tu lo as puesto al principio del primero y al final del último sólo.
Saludos, Juanma.

thiplo · 14 Oct 2007, 16:55 · Solicitar retirada

si ahora se separan pero no hay espacios entre ellos

Jugoncan · 14 Oct 2007, 17:04 · Solicitar retirada

Añade esto a la hoja de estilos:
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}

padding es para separarlos y text-indent para que la primera línea se meta pa dentro
Saludos, Juanma

thiplo · 14 Oct 2007, 17:09 · Solicitar retirada

ya lo he hecho pero no sé donde ponerlo osea en qué parte de la hoja de estilos

Jugoncan · 14 Oct 2007, 17:12 · Solicitar retirada

ponlo después de #contenido {background-color: orange ; width: 800px ; p padding: 5px 10px 5px 10px}
ahí mismo
Saludos, Juanma

thiplo · 14 Oct 2007, 17:14 · Solicitar retirada

debajo?
o quito el corchete y lo pongo ahí?

Jugoncan · 14 Oct 2007, 17:15 · Solicitar retirada

debajo, en otra línea que quede así:

...
#contenido {background-color: orange ; width: 800px ; p padding: 5px 10px 5px 10px}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
p {text-align: justify}
...

thiplo · 14 Oct 2007, 17:43 · Solicitar retirada

grax pero vuelvo a tener un problema tengo bastanes cosas mal porque vi un ejemplo que había puesto jorgens y me lié y ahora lo tengo mal

<!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</a>

Enlace 2</a>

Enlace 3</a>
</div>

Ésta será la zona principal de la web</p>

Segudo párrafo.Mirad como esta es mi web y todavía no está terminada
abrá que esperar un poco.</p>

Tercer párrafo.Pero mientras,podeis hacer
otras cosas como entrar en otras webs.</p>

Cuarto párrafo.Pero a que demomento mi web mola mazo hee a que sí pues
para que mole aún mas estoy preparando unas cosas super
guays.</p>

Y quinto párrafo.Si quereis saber gracias a que web creé esta gran página
os lo digo fue gracias a CCTW:como crear tu web
esta es una de las mejores páginas web que conozco
así que si quereis haceros una página web meteos en CCTW</p></div>
<div id="pie">!disfrutad¡</div>
</body>
</html>

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: pink}
#navegacion {background-color: blue}
#contenido {background-color: orange ; width: 800px}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu {background-color: yellow; width: 150px ; float:left;text:align:left ; margin-right: 10px}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a {color: blue; font-size:1.3em ; text-decoration: none}
#pie {background-color: red}
#global {width:800px ; margin: 4px auto}
p {text-align: justify}

qué tengo mal?

Jugoncan · 14 Oct 2007, 17:46 · Solicitar retirada

Mira te pongo en rojo lo que te sobra:
<!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</a>

Enlace 2</a>

thiplo · 14 Oct 2007, 19:07 · Solicitar retirada

ahora lo tengo todo bien?
<!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>

Ésta será la zona principal de la web</p>

Segudo párrafo.Mirad como esta es mi web y todavía no está terminada
abrá que esperar un poco.</p>

Tercer párrafo.Pero mientras,podeis hacer
otras cosas como entrar en otras webs.</p>

Cuarto párrafo.Pero a que demomento mi web mola mazo hee a que sí pues
para que mole aún mas estoy preparando unas cosas super
guays.</p>

Y quinto párrafo.Si quereis saber gracias a que web creé esta gran página
os lo digo fue gracias a CCTW:como crear tu web
esta es una de las mejores páginas web que conozco
así que si quereis haceros una página web meteos en CCTW</p></div>
<div id="pie">!disfrutad¡</div>
</body>
</html>

body {text-align: center}
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: pink}
#navegacion {background-color: blue}
#contenido {background-color: orange ; width: 800px}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu {background-color: yellow; width: 150px ; float:left;text:align:left ; margin-right: 10px}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a {color: blue; font-size:1.3em ; text-decoration: none}
#pie {background-color: red}
#global {width:800px ; margin: 4px auto}
p {text-align: justify}

Jugoncan · 14 Oct 2007, 19:45 · Solicitar retirada

La hoja de estilos te aconsejo que la pongas así mejor:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: pink}
#navegacion {background-color: blue}
#contenido {background-color: orange ; width: 800px}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu {background-color: yellow; width: 150px ; float:left;text:align:left ; margin-right: 10px}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a {color: blue; font-size:1.3em ; text-decoration: none}
#pie {background-color: red}
#global {width:800px ; margin: 4px auto}
p {text-align: justify}

por lo demás no veo ningún fallo.

thiplo · 14 Oct 2007, 19:47 · Solicitar retirada

ahora está bien?

<!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>

Ésta será la zona principal de la web</p>

Segudo párrafo.Mirad como esta es mi web y todavía no está terminada
abrá que esperar un poco.</p>

Tercer párrafo.Pero mientras,podeis hacer
otras cosas como entrar en otras webs.</p>

Cuarto párrafo.Pero a que demomento mi web mola mazo hee a que sí pues
para que mole aún mas estoy preparando unas cosas super
guays.</p>

Y quinto párrafo.Si quereis saber gracias a que web creé esta gran página
os lo digo fue gracias a CCTW:como crear tu web
esta es una de las mejores páginas web que conozco
así que si quereis haceros una página web meteos en CCTW</p></div>
<div id="pie">!disfrutad¡</div>
</body>
</html>

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: pink}
#navegacion {background-color: blue}
#contenido {background-color: orange ; width: 800px}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu {background-color: yellow; width: 150px ; float:left;text:align:left ; margin-right: 10px}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a {color: blue; font-size:1.3em ; text-decoration: none}
#pie {background-color: red}
#global {width:800px ; margin: 4px auto}
p {text-align: justify}

Jugoncan · 14 Oct 2007, 19:49 · Solicitar retirada

Si, no veo ningún fallo