problemas para aplicar los bordes, SOCORROOOOOOO.!!!!!!!!!!!

magdafer · 9 Sep 2008, 23:56 · Solicitar retirada

HOLA ATODOS, tengo un problema con los bordes, estoy atascada,os envio mi index y estilos css, para ver si veis el error, prque me estoy volviendo loca ,......GRACIAS.

esta es mi hoja de estilos css

* {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 ;border-left: black 1px solid; border-rigth: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:10px ;
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 ; tex-decoration:underline ; background-color: silver}
a:active{}
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-weigth:bold;text-decoration:none;text-align:center}

esta es mi plantilla html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" type="text/css"media="all" href="estilos-general.css">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2<a/>

<a href="#">Enlace 3
</div>
<h1>Esta será la zona principal de la Web</h1>

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>
<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 la página</div>
</div>
</body>
</html>

este es mi Index html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" type="text/css"media="all"
href="estilos.css">
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head>
<body>
<p class="centrado"> Bienvenidos a Mi Pagina Web. Muy pronto estara lista</p>

[contenido no disponible]</p>

Pagina creada gracias aCCTW

[correo eliminado]</p>
</body>
</html>

POR FAVOR MIRAD MIS CODIGOS HABER EN QUE FALLO,PORQUE YO NO LO ENCUENTRO, LLEVO 2 DIAS ATASCADA

Raulyure · 10 Sep 2008, 01:45 · Solicitar retirada

magdafer escribió:HOLA ATODOS, tengo un problema con los bordes, estoy atascada,os envio mi index y estilos css, para ver si veis el error, prque me estoy volviendo loca ,......GRACIAS.

esta es mi hoja de estilos css

* {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 ;border-left: black 1px solid; border-rigth: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:10px ;
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 ; tex-decoration:underline ; background-color: silver}
a:active{}
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-weigth:bold;text-decoration:none;text-align:center}

esta es mi plantilla html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" type="text/css"media="all" href="estilos-general.css">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1
Enlace 2<a/>
<a href="#">Enlace 3
</div>
<h1>Esta será la zona principal de la Web</h1>

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>
<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 la página</div>
</div>
</body>
</html>

este es mi Index html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" type="text/css"media="all"
href="estilos.css">
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head>
<body>
<p class="centrado"> Bienvenidos a Mi Pagina Web. Muy pronto estara lista</p>

[contenido no disponible]</p>

Pagina creada gracias aCCTW

[correo eliminado]</p>
</body>
</html>

Hola:
Si no me equivoco, en el curso Paso a Paso, en la tercera lección se explica el como aplicar bordes. Le sugiero que vaya paso a paso ya que el curso está normalmente preparado para que se vayan haciéndo las cosas con cuidado de no saltarse etapas, por ejemplo, la capa navegación tiene bordes por los cuatro lados, (allí lo explica) la capa contenido, en principio tiene bordes a la derecha y a la izquierda etc. etc. (también allí lo explica)
También a la capa contenido, en principio hay que ponerle unos atributos para después de hacer otras cosas, quitárselos.
Saludos
Para poner bordes a una capa se va a la hoja de estilo y en las directivas de esa capa se pone {border:black 1px solid;} para los cuatro lados
para poner un borde a la derecha : border-left:black 1px solid;
Para la derecha: border-right:black 1px solid;
Para poner un borde arriba : border-top:black 1px solid;
para poner un borde abajo: border-bottom:black 1px solid;
Saludos

magdafer · 10 Sep 2008, 22:41 · Solicitar retirada

Raulyure escribió:
magdafer escribió:HOLA ATODOS, tengo un problema con los bordes, estoy atascada,os envio mi index y estilos css, para ver si veis el error, prque me estoy volviendo loca ,......GRACIAS.

esta es mi hoja de estilos css

* {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 ;border-left: black 1px solid; border-rigth: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:10px ;
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 ; tex-decoration:underline ; background-color: silver}
a:active{}
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-weigth:bold;text-decoration:none;text-align:center}

esta es mi plantilla html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" type="text/css"media="all" href="estilos-general.css">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1
Enlace 2<a/>
<a href="#">Enlace 3
</div>
<h1>Esta será la zona principal de la Web</h1>

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>
<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 la página</div>
</div>
</body>
</html>

este es mi Index html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" type="text/css"media="all"
href="estilos.css">
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head>
<body>
<p class="centrado"> Bienvenidos a Mi Pagina Web. Muy pronto estara lista</p>

[contenido no disponible]</p>

Pagina creada gracias aCCTW

[correo eliminado]</p>
</body>
</html>
Hola:
Si no me equivoco, en el curso Paso a Paso, en la tercera lección se explica el como aplicar bordes. Le sugiero que vaya paso a paso ya que el curso está normalmente preparado para que se vayan haciéndo las cosas con cuidado de no saltarse etapas, por ejemplo, la capa navegación tiene bordes por los cuatro lados, (allí lo explica) la capa contenido, en principio tiene bordes a la derecha y a la izquierda etc. etc. (también allí lo explica)
También a la capa contenido, en principio hay que ponerle unos atributos para después de hacer otras cosas, quitárselos.
Saludos
Para poner bordes a una capa se va a la hoja de estilo y en las directivas de esa capa se pone {border:black 1px solid;} para los cuatro lados
para poner un borde a la derecha : border-left:black 1px solid;
Para la derecha: border-right:black 1px solid;
Para poner un borde arriba : border-top:black 1px solid;
para poner un borde abajo: border-bottom:black 1px solid;
Saludos

Raulyure · 11 Sep 2008, 00:48 · Solicitar retirada

magdafer escribió:
Raulyure escribió:
magdafer escribió:HOLA ATODOS, tengo un problema con los bordes, estoy atascada,os envio mi index y estilos css, para ver si veis el error, prque me estoy volviendo loca ,......GRACIAS.

esta es mi hoja de estilos css

* {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 ;border-left: black 1px solid; border-rigth: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:10px ;
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 ; tex-decoration:underline ; background-color: silver}
a:active{}
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-weigth:bold;text-decoration:none;text-align:center}

esta es mi plantilla html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" type="text/css"media="all" href="estilos-general.css">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1
Enlace 2<a/>
<a href="#">Enlace 3
</div>
<h1>Esta será la zona principal de la Web</h1>

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>
<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 la página</div>
</div>
</body>
</html>

este es mi Index html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" type="text/css"media="all"
href="estilos.css">
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head>
<body>
<p class="centrado"> Bienvenidos a Mi Pagina Web. Muy pronto estara lista</p>

[contenido no disponible]</p>

Pagina creada gracias aCCTW

[correo eliminado]</p>
</body>
</html>
Hola:
Si no me equivoco, en el curso Paso a Paso, en la tercera lección se explica el como aplicar bordes. Le sugiero que vaya paso a paso ya que el curso está normalmente preparado para que se vayan haciéndo las cosas con cuidado de no saltarse etapas, por ejemplo, la capa navegación tiene bordes por los cuatro lados, (allí lo explica) la capa contenido, en principio tiene bordes a la derecha y a la izquierda etc. etc. (también allí lo explica)
También a la capa contenido, en principio hay que ponerle unos atributos para después de hacer otras cosas, quitárselos.
Saludos
Para poner bordes a una capa se va a la hoja de estilo y en las directivas de esa capa se pone {border:black 1px solid;} para los cuatro lados
para poner un borde a la izquierda : border-left:black 1px solid;
Para la derecha: border-right:black 1px solid;
Para poner un borde arriba : border-top:black 1px solid;
para poner un borde abajo: border-bottom:black 1px solid;
Saludos

Bueno, cometí un desliz y había puesto Para la derecha un border:left y lo correcto era Para la izquierda un boder:left;
Saludos

magdafer · 11 Sep 2008, 22:52 · Solicitar retirada

Muchisimas gracias , ya lo he solucionado.