AYUDAAAA

cesar · 6 Ene 2009, 22:26 · Solicitar retirada

Es que no logro comprender, porque no puedo pasar del fondo y mucho menos la imagen. Pag. 19 en COLOR DE FONDO estoy quedaoo.

Esta es mi ruta:

D:\MIS PAGINAS WEB\web-ejemplo-cctw\objetos

Mi index.html es:

<html>
<head>
<title>DISTRITO 04-04, VILLA ALTAGRACIA</title>
<link rel="stylesheet" href="estilos.css" type="text/css"
media="all">

</head>
<body>

Bienvenido al Distrito Educativo 04-04, muy pronto estaremos listos</p>

Este proyecto ofrecerá las informaciones de nuestro Distrito</p>

pagina ASESORIA CCTW</p>

</body>
</html>

Y me funciona perfecto, este es el resultado:

Bienvenido al Distrito Educativo 04-04, muy pronto estaremos listos

Este proyecto ofrecerá las informaciones de nuestro Distrito

pagina ASESORIA CCTW

--------------------------------------------------------------------------------------
El problema quizas lo tenga en estilos.css que es el siguiente:

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

<html>
<head>
<title>Distrito Educativo 04-04 estilo de mi web</title>
</head>

<body>
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }

</body>
</html>

Me presenta en pantalla los codigos del estilos.css nuevamente asi:

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

<html>
<head>
<title>Distrito Educativo 04-04 estilo de mi web</title>
</head>

<body>
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }

</body>
</html>

Por favor si me pueden ayudar, porque ya estoy desesperado por salir de este paso....

Cesar Felix.........

manmanu · 6 Ene 2009, 22:42 · Solicitar retirada

Hola cesar,
bueno haz una cosa a ver si funciona,

cesar escribió:El problema quizas lo tenga en estilos.css que es el siguiente:

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

<html>
<head>
<title>Distrito Educativo 04-04 estilo de mi web</title>
</head>

<body>
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }

</body>
</html>

Cesar, esto no es tú hoja de estilos, es una hoja html, no se cual pero html.
Lo que te marco en rojo si es psrte de estilos, y debe de estar dentro de tú hoja de estilos, interno o externo.

Me has comprendido.
No repitas el post, por que así es dificil seguir en cual estas, y no te preocupes, que ya llegan.je,je,je,

Saludos manmanu

manmanu · 6 Ene 2009, 22:45 · Solicitar retirada

Vaya, he olvidado decirte que debes de hacer con lo que he marcado en rojo, aunque pienso que lo has adivinado.

escribelo en tú hoja de estilos, asociado, a éste archivo html.

saludos manmanu

Deathly Snake · 7 Ene 2009, 16:45 · Solicitar retirada

Por favor, como dice manmanu, no repitas temas te he respondido en el otro. Asi eres dificil de seguir! :wink:

cesar · 8 Ene 2009, 13:37 · Solicitar retirada

Ya pasé del problema que no podia obtener el fondo ni la imagen, gracias....

lilita · 8 Ene 2009, 23:09 · Solicitar retirada

Hola, disculpa pero acabo de ingresar al foro y aun no domino todas sus reglas, pero es que yo voy en la leccion tercera del curso paso a paso, y he tenido inconvenientae con los bordes.
El inferior, especialmente. Hago lo que dice la instruccion, pero al darla vista previa se ve separado del Pie.
El borde sup, esta ok.
Puedes ayudarme? :(

Raulyure · 8 Ene 2009, 23:18 · Solicitar retirada

lilita escribió:Hola, disculpa pero acabo de ingresar al foro y aun no domino todas sus reglas, pero es que yo voy en la leccion tercera del curso paso a paso, y he tenido inconvenientae con los bordes.
El inferior, especialmente. Hago lo que dice la instruccion, pero al darla vista previa se ve separado del Pie.
El borde sup, esta ok.
Puedes ayudarme? :(

Hola:
Pónganos si puede, todos los códigos que tenga en su página y todos los que tenga en hoja de estilo-general para ver con mayor propiedad cual puede ser el problema.

Aunque es posible en principio, (claro que sin ver aún sus códigos), que en su hoja de estilo-general donde dice:
#contenido p{margin:5px etc. etc. etc.}

deba poner #contenido p{padding:5px 10px 5px 10px;text-indent:15px;}

Pero mejor que nos ponga acá los códigos
Saludos

lilita · 8 Ene 2009, 23:23 · Solicitar retirada

Raulyure, gracias por tu respuesta.
aqui esta lo que pides, cod. de mi estlo-general-ccs
*{text-align* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera {background-color: white; border-left: black 1px solid ; border-right:
black 1px solid }
#navegacion {background-color: pink; 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; margin:3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#pie {background-color: white;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
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}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow: hidden }

Raulyure · 9 Ene 2009, 00:36 · Solicitar retirada

Hola:

Acá le dejo el como debiera de tener más o menos su hoja de estilo-general, (de vez en cuando hay que ordenarla un poco)

Bueno, aún le falta ppegar acá en un mensaje los códigos de su página para revisarlos y ver que coincidan las cosas con lo que usted tiene en esta hoja de estilo-general, por ello, no puedo adelantarle mucho si no vemos los códigos de su página.
Pero como adelanto le diré que usted en la primera línea de su hoja de estilo-general, la línea del asterisco, lo que debía tener era esto, y no lo que usted había puesto en ella.

Otra cosa, en la capa #contenido{bla bla bla}, le incluí un width:auto, para que la capa contenido pueda coger el ancho correspondiente.

Como no tenemos aún los códigos de su pagina plantilla.html, y no puedo saber que es lo que tiene usted en la capa pie, le recomiendo por ahora ponerle a la capa pie un height:65px;, para que por lo menos tenga un alto esa capa.

Esperaré que ponga los códigos de su página plantilla, para revisar mejor, pero vaya haciéndo usted esto en su hoja de estilo-general por mientras

*{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(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera {background-color: white; border-left: black 1px solid ; border-right:
black 1px solid }
#navegacion {background-color: pink; 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-right: 10px; margin:3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}

#pie {background-color: white;border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/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 {}

Saludos

lilita · 9 Ene 2009, 00:41 · Solicitar retirada

Raulyure escribió:Hola:

Acá le dejo el como debiera de tener más o menos su hoja de estilo-general, (de vez en cuando hay que ordenarla un poco)

Bueno, aún le falta ppegar acá en un mensaje los códigos de su página para revisarlos y ver que coincidan las cosas con lo que usted tiene en esta hoja de estilo-general, por ello, no puedo adelantarle mucho si no vemos los códigos de su página.
Pero como adelanto le diré que usted en la primera línea de su hoja de estilo-general, la línea del asterisco, lo que debía tener era esto, y no lo que usted había puesto en ella.

Otra cosa, en la capa #contenido{bla bla bla}, le incluí un width:auto, para que la capa contenido pueda coger el ancho correspondiente.

Como no tenemos aún los códigos de su pagina plantilla.html, y no puedo saber que es lo que tiene usted en la capa pie, le recomiendo por ahora ponerle a la capa pie un height:65px;, para que por lo menos tenga un alto esa capa.

Esperaré que ponga los códigos de su página plantilla, para revisar mejor, pero vaya haciéndo usted esto en su hoja de estilo-general por mientras

*{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(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera {background-color: white; border-left: black 1px solid ; border-right:
black 1px solid }
#navegacion {background-color: pink; 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-right: 10px; margin:3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}

#pie {background-color: white;border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/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 {}

Saludos

Gracias por tu respuesta, pero aclarame porfa en que foro hablamos: en AYUDAAAAA O PORFA AYUDAME CON LOS BORDES... , pues ya te envíe todo plantillay estilo en el segundo foro y me respondes en otro pidiendome lo mismo.
porfa no me confundas...
gracias

Raulyure · 9 Ene 2009, 01:05 · Solicitar retirada

lilita escribió:
Raulyure escribió:Hola:

Acá le dejo el como debiera de tener más o menos su hoja de estilo-general, (de vez en cuando hay que ordenarla un poco)

Bueno, aún le falta ppegar acá en un mensaje los códigos de su página para revisarlos y ver que coincidan las cosas con lo que usted tiene en esta hoja de estilo-general, por ello, no puedo adelantarle mucho si no vemos los códigos de su página.
Pero como adelanto le diré que usted en la primera línea de su hoja de estilo-general, la línea del asterisco, lo que debía tener era esto, y no lo que usted había puesto en ella.

Otra cosa, en la capa #contenido{bla bla bla}, le incluí un width:auto, para que la capa contenido pueda coger el ancho correspondiente.

Como no tenemos aún los códigos de su pagina plantilla.html, y no puedo saber que es lo que tiene usted en la capa pie, le recomiendo por ahora ponerle a la capa pie un height:65px;, para que por lo menos tenga un alto esa capa.

Esperaré que ponga los códigos de su página plantilla, para revisar mejor, pero vaya haciéndo usted esto en su hoja de estilo-general por mientras

*{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(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera {background-color: white; border-left: black 1px solid ; border-right:
black 1px solid }
#navegacion {background-color: pink; 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-right: 10px; margin:3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}

#pie {background-color: white;border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/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 {}

Saludos

Gracias por tu respuesta, pero aclarame porfa en que foro hablamos: en AYUDAAAAA O PORFA AYUDAME CON LOS BORDES... , pues ya te envíe todo plantillay estilo en el segundo foro y me respondes en otro pidiendome lo mismo.
porfa no me confundas...
gracias

Hola:

Acá estamos creo en el foro General, pero cuando yo vi su pregunta, la vi en el foro Curso Paso a Paso pero no la contesté inmediatamente, y después que vine a este foro me encuentro con su misma pregunta, y en una respuesta que le di, y no me pregunte ahora en que foro, (porque tambien ya estoy liado) le dejé el como tenia que tener su hoja de estilo-general, pidiendole que me mandara los codigos de su plantilla, porque en esa pregunta que usted hacía, solo habia puesto los codigos de su hoja de estilo-general, pero cuando voy al otro foro me encuentro que usted en el otro foro, ya habia puesto los códigos de la plantilla.

Y por eso le respondí que ya habia revisado su hoja de estilo-general y que como en ese momento estaba viendo su plantilla, (plantilla que no estaba en el otro foro) veia yo que estaba mas o menos bien, que solo tenia que hacer los cambios que le sugerí enl la hoja de estilo-general

Por eso es bueno, para que vaya de a poquito aprendiendo lo de los foros, es que si hace una pregunta acerca de algo en un foro, siga haciéndo en el mismo foro (y no en otras secciones diferentes) a menos que la pregunta sea de otra cosa diferente). Así las preguntas, estarán todas en el mismo lugar y no nos liemos.

Le sugiero que haga lo que le dije que hiciera en la hoja de estilo-general.css y ya nos cuenta, le recomiendo que se mantenga para esta clase de preguntas en el Foro Curso Paso a Paso con HTML-KIT.

Saludos

lilita · 10 Ene 2009, 20:48 · Solicitar retirada

Raulyure, te agradezco mucho... se resolvió el inconveniente con tu consejo sobre la estructura de estilo general css, muy oportuno. Ahora continuaré y si surge algo.... hablaremos luego oki?

Gracias, buen día.