Bordes: superio/inferior la imagen no aparece en el previu

FLEX99 · 14 Nov 2008, 00:02 · Solicitar retirada

:D Hola saludos esta de lujo esta pagina, bueno my duda es porque no se ve la imagen de los bordes super./inferior si ya escribi corectemente todo el la carpeta "estilo-generales", "plantilla. Y luego al habrir mi web se ven puros titulos sin color ni nada, SALUDOS MUY BUEN CURSO

<!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="curva-superior"></div>
<div id="cabecera">Bienvenidos a la mejor web de uniformes</div>
<div id="navegacion">Barra de Navegacion</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>

whgrtkñghtkñjbhrlgñkbhñrglbhñrglbhñgrjhjh
<h2>rrhrbknklfhjuoñi´ñdklcsz,q-.dklñvrñ mfnfhsrt</h2></p>

jhthjypujñrdjmdlcmf-.b,_JLki`l´ñcle´ñlwqecñl</p>

jhefveklxmerñigp`b,rv.ne+.xxxrrb mcrzw.-.x,rbx</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div="curva-inferior"></div>
</div>
</body>
</html>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body { text-align:center }
#global { width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetosweb/curva-superior.gif) ; background-repeat: no-repeat ;
width: 800px; height: 12px ; overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-rigth: black 1px solid }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; 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: 10px }
#menu {..............margin: 3px 10px 3px 3px}
#menu li { list-style:none ; margin:4px 0px 4px 6px }
#pie {background-color: brown ; borde-left: black 1px solid ; border-rigth: black 1px solid ;
border-top: black 1px solid }
#curva_inferior {background-image: url(objetosweb/curva-inferior.gif) ; background-repeat: no-repeat ;
width:800px ; height: 12px ; overflow: hidden}
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}
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}

Raulyure · 14 Nov 2008, 00:56 · Solicitar retirada

FLEX99 escribió::D Hola saludos esta de lujo esta pagina, bueno my duda es porque no se ve la imagen de los bordes super./inferior si ya escribi corectemente todo el la carpeta "estilo-generales", "plantilla. Y luego al habrir mi web se ven puros titulos sin color ni nada, SALUDOS MUY BUEN CURSO

<!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="curva-superior"></div>
<div id="cabecera">Bienvenidos a la mejor web de uniformes</div>
<div id="navegacion">Barra de Navegacion</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>

whgrtkñghtkñjbhrlgñkbhñrglbhñrglbhñgrjhjh
<h2>rrhrbknklfhjuoñi´ñdklcsz,q-.dklñvrñ mfnfhsrt</h2></p>

jhthjypujñrdjmdlcmf-.b,_JLki`l´ñcle´ñlwqecñl</p>

jhefveklxmerñigp`b,rv.ne+.xxxrrb mcrzw.-.x,rbx</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div="curva-inferior"></div>
</div>
</body>
</html>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body { text-align:center }
#global { width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetosweb/curva-superior.gif) ; background-repeat: no-repeat ;
width: 800px; height: 12px ; overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-rigth: black 1px solid }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; 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: 10px }
#menu {..............margin: 3px 10px 3px 3px}
#menu li { list-style:none ; margin:4px 0px 4px 6px }
#pie {background-color: brown ; borde-left: black 1px solid ; border-rigth: black 1px solid ;
border-top: black 1px solid }
#curva_inferior {background-image: url(objetosweb/curva-inferior.gif) ; background-repeat: no-repeat ;
width:800px ; height: 12px ; overflow: hidden}
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}
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}

Hola:
Es importante llevar un cierto orden en la hoja de estilo, por ejemplo:

* {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}
p {text-align: justify}
body { text-align:center }
#global { width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetosweb/curva-superior.gif) ; background-repeat: no-repeat ;
width: 800px; height: 12px ; overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-rigth: black 1px solid }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; 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: 10px }
#menu {..............margin: 3px 10px 3px 3px}
#menu li { list-style:none ; margin:4px 0px 4px 6px }
#pie {background-color: brown ; borde-left: black 1px solid ; border-rigth: black 1px solid ;
border-top: black 1px solid }
#curva_inferior {background-image: url(objetosweb/curva-inferior.gif) ; background-repeat: no-repeat ;
width:800px ; height: 12px ; overflow: hidden}
a {color: brown ; text-decoration:none ; display:block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

Fuera de eso, donde usted pone la capa de la curva inferior:
#curva_inferior {background-image: url(objetosweb/etc. etc.......}

Si se fija, tiene puesto #curva_inferior y debe ser curva-inferior (el guión debe ser medio, no bajo). Eso, si es que ha pegado los códigos acá porque si los a escrito acá en el mensaje, entonces no sabremos realmente como los tiene en su página y en su hoja de estilo

También es importante haber subido todos los archivos, por ejemplo si a la hoja de estilo le a cambiado un punto por una coma, eso ya es una modificación y por lo tanto debe volver a subirla.

También debe cotejar que el nombre de la hoja de estilo coincida con el nombre que usted pone en el link rel, de su página, si su hoja de estilo se llama estilo-general.css, en el link rel de su página debe también escribirlo así, pero si su hoja de estilo se llama estilo-general.css y usted en el link rel de su página pone estilo-generales.css Entonces su página no podrá recibir las órdenes de su hoja de estilo

En su plantilla, usted en la capa contenido pone un titulo <h1>bla bla bla</h1>
pero después abre un párrafo y dentro de ese párrafo pone un subtitlulo <h2>bla bla bla</h2>luego sigue escribiéndo y cierra el párrafo</p>
No es bueno poner un subtitulo dentro de un párrafo, porque el subtitulo ya de por si es un párrafo.
El subtitulo debe ir solo y el párrafo también, mas o menos como se lo hago acá abajo

<h1>Esta sera la zona principal de la web</h1>

whgrtkñghtkñjbhrlgñkbhñrglbhñrglbhñgrjhjh</p>
<h2>rrhrbknklfhjuoñi´ñdklcsz,q-.dklñvrñ mfnfhsrt</h2>

jhthjypujñrdjmdlcmf-.b,_JLki`l´ñcle´ñlwqecñl</p>

jhefveklxmerñigp`b,rv.ne+.xxxrrb mcrzw.-.x,rbx</p>
</div>
Saludos

manmanu · 14 Nov 2008, 01:16 · Solicitar retirada

Bienvenido FLEX99,

Bueno si te parece hacemos unos cambios y luego compruebas que estoy en lo cierto, y lo compruebas en tú pagina y nos dices si funciona;

vamos alla!!!!
te marcaré con color rojo lo que creo que esta mal, luego tú me dices que te parece,

FLEX99 escribió:<!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">Este signo te sobra
<div id="curva-superior"></div>Te falta el identificador
<div id="cabecera">Bienvenidos a la mejor web de uniformes</div>
<div id="navegacion">Barra de Navegacion</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>

whgrtkñghtkñjbhrlgñkbhñrglbhñrglbhñgrjhjh
<h2>rrhrbknklfhjuoñi´ñdklcsz,q-.dklñvrñ mfnfhsrt</h2></p>

jhthjypujñrdjmdlcmf-.b,_JLki`l´ñcle´ñlwqecñl</p>

jhefveklxmerñigp`b,rv.ne+.xxxrrb mcrzw.-.x,rbx</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>Aquí tambien te falta el identificador
</div>
</body>
</html>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body { text-align:center }
#global { width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetosweb/curva-superior.gif) ; background-repeat: no-repeat ;
width: 800px; height: 12px ; overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-rigth: black 1px solid }No es rigth, es right
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; 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: 10px }
#menu {..............margin: 3px 10px 3px 3px}Esto no lo entiendo
#menu li { list-style:none ; margin:4px 0px 4px 6px }
#pie {background-color: brown ; border-left: black 1px solid ; border-rigth: black 1px solid ;
border-top: black 1px solid }Te falta la "r" y no es rigth, es right
#curva_inferior {background-image: url(objetosweb/curva-inferior.gif) ; background-repeat: no-repeat ;
width:800px ; height: 12px ; overflow: hidden}
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}
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}Este error lo veo muy a menudo, es "-"

Bueno creo que si corriges éstos pequeños errores,veras mejor tú trabajo.

Saludos manmanu

manmanu · 14 Nov 2008, 01:19 · Solicitar retirada

Hola amigo raul,
seguro que estabamos posteando al unisono, a FLEX99.

Por lo menos de ésta manera nos podemos saludar mediante escritura,
que tal estamos raul??????

Saludos manmanu