Pequeño problemilla con el subrrayado de textos.

celeste64 · 24 Ene 2009, 16:51 · Solicitar retirada

Hola a tod@s,

tengo un problema con el subrrayado de textos, he repasado tanto la plantilla como la hoja de estilos y no doy con el fallo, acabo de terminar la lección 3, pero se queda todo el exto subrrayado, cuando no deberia ser asi, me podeis ayudar por favor?, os dejo aqui la plantilla y la hoja de estilos.

Gracias.

* {text-ident:0px ; margin:0px ; padding:0px ; border: 0px }
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 }
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 ; height:85px }
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#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 {width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px }
#menu li { list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif) ; background-repeat: no-repeat }
#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 {}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

Sección 4

</div>
<div id="contenido">
<div id="menu">
<h1>Titulo de sección 1</h>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>

donde haremos todo lo posible para dejar acabada esta Web, que queden todos los enlaces bien, los textos donde deben y el menú no se mueva del sitio, jejeje.</p>
<h2>Todo lo que tenemos que hacer...</h2>

es seguir las instrucciones que nos da un gran maestro,
y no perdernos en el camino, si hay alguna duda...
preguntar en el foro, allí nos atenderan y nos trataran con mucha paciencia,
sobre todo si soys como yo... jejeje, nula para todo esto,
aunque ya veis que me va saliendo no?.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

Raulyure · 25 Ene 2009, 00:44 · Solicitar retirada

Hola:
Cuando usted dice que tiene problemas con el subrayado de texto, ¿A qué se refiere realmente?
¿Quizás a lo que tiene entre la etiqueta <h1> y </h1>, esa que dice Esta será la zona principal de mi web?.
Porque si es esa, recuerde que en su hoja de estilo-general allí arriba usted tiene puesto en h1{} lo siguiente

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
O sea. text-decoration:underline, con eso le está diciéndo que quede subrayado.
Para quitarle el subrayado debe poner text-decoration:none
....................................

Ahora si de lo que está hablándo es de los enlaces de la capa menu, recuerde que en la hoja de estilo, usted tiene en el
a:hover {color:red ; text-decoration:underline ; background-color:silver}

O sea le tiene puesto underline = que quede subrayado
.............................................................

¿O lo que le pasa es que se le convierte todo lo que escribe en enlaces subrayados?
.
Si puede revise lo que le digo y comentenos con más detalle lo que realmente le sucede.

Saludos

JorGens · 25 Ene 2009, 01:13 · Solicitar retirada

Pues sí. Si con los detalles que te da Raulyure no lo solucionas, dinos exáctamente a qué texto te refieres y lo miramos con detalle.

Por cierto, no creo que sea por esto (o puede que sí) pero tienes un error acá:

h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center }

Debería ser así:

h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center }

(en lugar de un punto entre font y size, es un guión medio, font-size)

Un abrazo!

celeste64 · 25 Ene 2009, 11:31 · Solicitar retirada

Raulyure escribió:Hola:
Cuando usted dice que tiene problemas con el subrayado de texto, ¿A qué se refiere realmente?
¿Quizás a lo que tiene entre la etiqueta <h1> y </h1>, esa que dice Esta será la zona principal de mi web?.
Porque si es esa, recuerde que en su hoja de estilo-general allí arriba usted tiene puesto en h1{} lo siguiente

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
O sea. text-decoration:underline, con eso le está diciéndo que quede subrayado.
Para quitarle el subrayado debe poner text-decoration:none
....................................

Ahora si de lo que está hablándo es de los enlaces de la capa menu, recuerde que en la hoja de estilo, usted tiene en el
a:hover {color:red ; text-decoration:underline ; background-color:silver}

O sea le tiene puesto underline = que quede subrayado
.............................................................

¿O lo que le pasa es que se le convierte todo lo que escribe en enlaces subrayados?
.
Si puede revise lo que le digo y comentenos con más detalle lo que realmente le sucede.

Saludos

Hola Raulyure;

gracias por la respuesta;

veras, lo que hay entre las etiquetas "<h1> y "enlaces", creo que debe quedar así, pues en el <h1> esta el titulo de la sección, que es lo que debe quedar subrayado y los enlaces según ese código... deben subrayarse y cambiar de color al pasar el ratón sobre ellos, eso creo que esta bien, en realidad el problema que tengo es que a mi me subraya todo cuanto escribo como texto(

), cuando no debería ser así, pues en el ejemplo de las lecciones paso a paso quedan sin subrayar.

Gracias por tu ayuda.

Saludos.

celeste64 · 25 Ene 2009, 11:41 · Solicitar retirada

jorgens escribió:Pues sí. Si con los detalles que te da Raulyure no lo solucionas, dinos exáctamente a qué texto te refieres y lo miramos con detalle.

Por cierto, no creo que sea por esto (o puede que sí) pero tienes un error acá:

h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center }

Debería ser así:
h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center }

(en lugar de un punto entre font y size, es un guión medio, font-size)

Un abrazo!

Hola Profe... jejeje,

porque tu eres quien nos da las clases de curso... muchas gracias, no sabes cuanto estoy aprendiendo y la falta que me hacia hacerlo, aunque me cuesta un poquito porque soy algo negada para todo esto, pro me encanta como explicas las lecciones y las bromas que gastas al hacerlo... jejeje.

Y si, la verdad tenia equivocado ese detalle en el código, pero ya lo he cambiado y no me soluciona el problema del subrayado, le he dado mil vueltas a todos los códigos, tanto de la plantilla como de la hoja de estilos, la he comparado con las que dejas tu en el curso para ver si había algún fallo, y debe haberlo pero yo no lo encuentro, el caso es que a ti te queda el texto bien... y a mi me lo subraya todo y lo cambia de color, he intentado pegar aquí la imagen para que veáis como me queda, pero no sale porque esta deshabilitado el código html, así que he optado por dejaros la dirección en la que esta la pagina en Internet,

http://mipaginadepruebas.onlinewebshop.net/plantilla.html

así veréis el problema, gracias por todo, de verdad muchas gracias, me hacia mucha aprender y la verdad que vosotros ensenáis de maravilla.

Un abrazo.

Raulyure · 25 Ene 2009, 12:35 · Solicitar retirada

celeste64 escribió:
Raulyure escribió:Hola:
Cuando usted dice que tiene problemas con el subrayado de texto, ¿A qué se refiere realmente?
¿Quizás a lo que tiene entre la etiqueta <h1> y </h1>, esa que dice Esta será la zona principal de mi web?.
Porque si es esa, recuerde que en su hoja de estilo-general allí arriba usted tiene puesto en h1{} lo siguiente

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
O sea. text-decoration:underline, con eso le está diciéndo que quede subrayado.
Para quitarle el subrayado debe poner text-decoration:none
....................................

Ahora si de lo que está hablándo es de los enlaces de la capa menu, recuerde que en la hoja de estilo, usted tiene en el
a:hover {color:red ; text-decoration:underline ; background-color:silver}

O sea le tiene puesto underline = que quede subrayado
.............................................................

¿O lo que le pasa es que se le convierte todo lo que escribe en enlaces subrayados?
.
Si puede revise lo que le digo y comentenos con más detalle lo que realmente le sucede.

Saludos

Hola Raulyure;

gracias por la respuesta;

veras, lo que hay entre las etiquetas "<h1> y "enlaces", creo que debe quedar así, pues en el <h1> esta el titulo de la sección, que es lo que debe quedar subrayado y los enlaces según ese código... deben subrayarse y cambiar de color al pasar el ratón sobre ellos, eso creo que esta bien, en realidad el problema que tengo es que a mi me subraya todo cuanto escribo como texto(

), cuando no debería ser así, pues en el ejemplo de las lecciones paso a paso quedan sin subrayar.

Gracias por tu ayuda.

Saludos.

Hola:

En un ratito más le reviso los códigos más detalladamente, (me cierran la tienda del pan), ya que puede que sea un padding o borde o margin que no esté correcto o algún copiar y pegar que habrá hecho usted y que no queira el navegador reconocer.
Y no me había fijado en lo que le dijo Jorgens, pero así muy rápidamente vaya a su hoja de estilo general y en la primera linea (la del asterisco) ponga correctamente lo que dice text-ident debiera de decir text-indent

Toda la línea que corresponde al asterisco póngala seguida sin ningún espacio.

Ahora vuelvo

Saludos

Raulyure · 25 Ene 2009, 16:11 · Solicitar retirada

celeste64 escribió:
jorgens escribió:Pues sí. Si con los detalles que te da Raulyure no lo solucionas, dinos exáctamente a qué texto te refieres y lo miramos con detalle.

Por cierto, no creo que sea por esto (o puede que sí) pero tienes un error acá:

h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center }

Debería ser así:
h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center }

(en lugar de un punto entre font y size, es un guión medio, font-size)

Un abrazo!

Hola Profe... jejeje,

porque tu eres quien nos da las clases de curso... muchas gracias, no sabes cuanto estoy aprendiendo y la falta que me hacia hacerlo, aunque me cuesta un poquito porque soy algo negada para todo esto, pro me encanta como explicas las lecciones y las bromas que gastas al hacerlo... jejeje.

Y si, la verdad tenia equivocado ese detalle en el código, pero ya lo he cambiado y no me soluciona el problema del subrayado, le he dado mil vueltas a todos los códigos, tanto de la plantilla como de la hoja de estilos, la he comparado con las que dejas tu en el curso para ver si había algún fallo, y debe haberlo pero yo no lo encuentro, el caso es que a ti te queda el texto bien... y a mi me lo subraya todo y lo cambia de color, he intentado pegar aquí la imagen para que veáis como me queda, pero no sale porque esta deshabilitado el código html, así que he optado por dejaros la dirección en la que esta la pagina en Internet,

http://mipaginadepruebas.onlinewebshop.net/plantilla.html

así veréis el problema, gracias por todo, de verdad muchas gracias, me hacia mucha aprender y la verdad que vosotros ensenáis de maravilla.

Un abrazo.

Hola:
He comenzado a revisar sus códigos, y como usted dice, sucede así, se subrayan todos los párrafos tomándo las directivas de la la etiqueta h1 (como si fuesen títulos).

He probado algunas formas, como ponerle a la capa contenido p (que son las directivas de los párrafos de la capa contenido) que dijera también, color:#000000; para que se mostraran por lo menos en color negro, y resulta bien, pero siguen manteniéndo el grosor como si fuesen titulos, y para que no salgan subrayados le he quitado también en la hoja de estilo-general a la etiqueta h1 el text-decoration:underline y se la he dejado en vez de underline en none, y también resulta bien para los párrafos, pero los párrafos siguen manteniéndo el grosor como si fuesen parte de la etiqueta h1.
Es como si no tuviese que utilizar la etiqueta h1

Se lo explico así, creé una pagina y allí pegué sus códigos, creé una hoja de estilo-general, y allí pegué sus códigos, se supone que la página debiera de mostrarse con las fuentes de mi ordenador, (tamaño color, grosor, etc.) y en gran medida es así, pero aún haciéndo modificaciones en la hoja de estilo etc. etc., sigue tratándo de mostrarse como le sale a usted

Es como si hubiese para esa página, una orden superior, que ni siquiera la configuración de mi ordenador es capaz de eliminar. (Es como si lo trajera en los genes, je je je).

Por eso, una de las cosas que se me ocurren (a veces pienso), es que la configuración de su navegador está de alguna manera afectando a su página.

Por ejemplo, los navegadores tienen por decirlo de una manera su propia hoja de estilo, de como van a mostrar una pagina, ese estilo se llama "por defecto", si uno abre el navegador Internet Explorer y va arriba a Herramientas y en el desplegable que se abre se pulsa en Opciones de Internet,
se abre la ventana que se llama Opciones de Internet y se pulsa en la pestaña General y cuando abra la General,
abajo hay unas pestañas que se llaman colores, Fuentes, Idiomas, Accesibilidad donde dice Fuentes, le mostrará el idioma (Latin), la fuente, (Times New Roman), que utiliza ese navegador para mostrar una página

El Internet Explorer utiliza el idioma Latino la fuente Times New Roman de tamaño creo 14 o 16px , y para el texto plano, o sea sin formato utiliza la fuente Courier New etc. etc.

Si pulsa en Accesibilidad, todas las casillas deben estar allí sin marcar.

En firefox, si uno va arriba a Herramientas --Opciones -- Contenido, allí muestra la fuente que utiliza para mostrar las páginas por defecto, si se pulsa allí mismo en una ficha Avanzadas se muestra más informacion.

Algo hay, (que aún no encuentro), del porqué los párrafos de su página toman el formato como si fuesen titulos, Quizás orden de usuario etc.

Ya lo veré con más calma
Saludos

Raulyure · 25 Ene 2009, 20:49 · Solicitar retirada

Hola:
Verá, después de hacer unas cuantas pruebas, lo único que queda por decir es que de alguna manera la hoja de estilo "se torció", se "maleó" o como se quiera llamar, es como si se le hubiese metido un código genético que aunque cambie todos los códigos, no hay manera de que se arregle, por eso yo le sugeriría que (en todo caso, si lo desea lo hace), crear otra hoja de estilo y otra página, para que si quedan bien entonces reemplazar las que tiene, pero para evitar cualquier tropiezo se haría a la manera antigua, o sea con el block de notas.

Cree una carpeta en su escritorio, póngale por nombre blocnotas, luego vaya a Inicio-- Todos los Programas--- Accesorios, y en el desplegable que se abre , pulse en Bloc de notas, se le abrirá una ventana y escriba Mi primera pagina.
Luego de eso vaya arriba a Archivo-- y en el desplegable elija Guardar Como, se le abrirá una ventana.

En la casilla que se llama Nombre, borre lo que haya allí y escriba plantilla.html

Ahora en la casilla que se llama Tipo, busque con la flecha que abrá a la derecha de esa casilla y elija lo que diga Todos los Documentos o Todos los archivos.

Luego de eso vaya arriba donde dice Guardar en

Y busque con la flecha de la derecha esa carpeta que creó en el escritorio, la que se llama blocnotas, (para que guarde ese archivo en esa carpeta)
Luego de eso, Pulsa en Guardar y cierra.

Con eso que habrá hecho es crear una página
...................................

Ahora creará la hoja de estilo

Vuelve a ir a Inicio---Todos los Programas, pone el cursor en Accesorios, y se le abre el desplegable donde debe pulsar en (como antes) bloc de notas.

Cuando se le abra la ventana escriba esto; body{background-color:#FFFF00;}

Luego en la casilla que dice Nombre, borre lo que hay allí y escriba: estilo-general.css

Luego en la casilla Tipo, busque con la flecha de la derecha y elija Todos los Archivos

Luego arriba busque otra vez la carpeta que se llama blocnotas para que ese archivo lo guarde en esa carpeta
Luego entonces Guarde y cierre.

Con eso habrá creado una hoja de estilo
.........................................................

Ahora vaya a esa carpeta (blocnotas) ábrala y ponga el cursor sobre el archivo plantilla.html, hágale click derecho y ponga el cursor donde dice Abrir Con, para que en el desplegable que se abre elija o pulse en Bloc de notas . Así ya tiene abierta la página

Luego la minimiza para que venga al foro y copie todo esto que le dejo para que los pegue en esa página
..................................................................

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

</head>

<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">Publicidad</div>
</div>

<div id="navegacion">
<ul>

Seccion 1

Seccion 2

Sección 3

Sección 4

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4</div>
<h1>Esta será la zona principal de la web</h1>

Para que esto no se estropee, habrá que crear nuevos codigos que puedan solventar el problema, ya que de alguna maera los anteriores no solo no respondian sino</p>

tomanan las directivas de la etiqueta h1, algo que no es correcto</p>
<h2>Este es un subtitulo de h2.</h2>

Estaba el corazon un dia, poniendo en orden su vida. vino el cerebro y le dijo. ¡Eh!. Que eso es cosa mia.</p>

Pero cerebro---el corazon dijo---, si usted sabe solo de razones, usted, dios de los argumentos, usted patriarca de naciones.</p>

Mientras ellos discutian. Uno con argumentos, el otro, lo que sentia, a ellos acercose sigilosa, algo que no conocian</p>

Era la mano que acaricia, era el puño que golpea, era el dedo que aniquila... era una mano extendida.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>

Contactos

Contactos

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

Directorio

</div>
</div>
<div id="curva-inferior"></div>
</div>

</body>
</html>

.......................................................................
Luego de que pegue esto en su página la cierra y pone el cursor sobre la hoja de estilo (que estará allí mismo)

Le hace click derecho y en Abrir con y en el desplegable elige Bloc de notas para que se le abra la hoja de estilo

Luego de que esté abierta, la minimiza, viene acá al foro y copia todos estos códigos para que los pegue en esa hoja de estilo
..........................................................

*{text-indent:0px;margin:0px;padding:0px;border:0px}
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}
img{border-style:none;}
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;height:85px}
#logotipo {float:left}
#publicidad {background-color:pink;float:right;font-size:16px;width:490px;}
#navegacion {background-color:gray;border:black 1px solid;height:20px}
#navegacion li {float:left;list-style:none;margin:0px 10px 0px 20px}
#navegacion ul {margin-left:180px}
#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;background-image: url(objetos/menu-parte-inferior.gif.gif); background-position: bottom; padding-bottom:5px}
#menu li {list-style:none;margin: 4px 0px 4px 6px}
#menu h1 {text-decoration:none;font-size:12px;background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color: white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid; height:65px}
#pie li {list-style: none; font-size: 12px;}
#pieuno {float:left; width: 150px}
#piedos {float:left; width: 498px}
#pietres {float:left; width: 150px}
#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 {}

#logotipo a { }
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

#pie a {color: blue; text-decoration:none ;}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#menu a {color:brown;text-decoration:none;display:block}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:red;text-decoration:underline;background-color:silver;padding-right:8px;}
#menu a:active {}
........................................................................

Como le digo, copia estos códigos y los pega en su hoja de estilo-general justo debejo de donde había escrito body{background-color:#FFFF00}

Después que pegue los códigos entonces borre este body{background-color:#FFFF00}

¿Qué se habrá hecho hasta ahora?. Pues crear una página con su hoja de estilo

Ahora para ver si la página está bien, pónga el cursor sobre ella, hace click derecho, pone el cursor en el "Abrir Con" y elige Internet Explorer

Así veremos si la página está correcta.

¿Porqué todo este lío de hacer la página de esa manera? Pues para no utilizar nada externo y poder definir si el problema es de su configuración o de otra cosa.

Si lo hace así, nos lo dice

Se me olvidó decirle que cuando pegue los código en la página plantilla.html luego debe borrar lo que había escrito, eso de "Mi primera pagina"

Saludos

celeste64 · 26 Ene 2009, 09:35 · Solicitar retirada

Raulyure escribió:Hola:
Verá, después de hacer unas cuantas pruebas, lo único que queda por decir es que de alguna manera la hoja de estilo "se torció", se "maleó" o como se quiera llamar, es como si se le hubiese metido un código genético que aunque cambie todos los códigos, no hay manera de que se arregle, por eso yo le sugeriría que (en todo caso, si lo desea lo hace), crear otra hoja de estilo y otra página, para que si quedan bien entonces reemplazar las que tiene, pero para evitar cualquier tropiezo se haría a la manera antigua, o sea con el block de notas.

Cree una carpeta en su escritorio, póngale por nombre blocnotas, luego vaya a Inicio-- Todos los Programas--- Accesorios, y en el desplegable que se abre , pulse en Bloc de notas, se le abrirá una ventana y escriba Mi primera pagina.
Luego de eso vaya arriba a Archivo-- y en el desplegable elija Guardar Como, se le abrirá una ventana.

En la casilla que se llama Nombre, borre lo que haya allí y escriba plantilla.html

Ahora en la casilla que se llama Tipo, busque con la flecha que abrá a la derecha de esa casilla y elija lo que diga Todos los Documentos o Todos los archivos.

Luego de eso vaya arriba donde dice Guardar en

Y busque con la flecha de la derecha esa carpeta que creó en el escritorio, la que se llama blocnotas, (para que guarde ese archivo en esa carpeta)
Luego de eso, Pulsa en Guardar y cierra.

Con eso que habrá hecho es crear una página
...................................

Ahora creará la hoja de estilo

Vuelve a ir a Inicio---Todos los Programas, pone el cursor en Accesorios, y se le abre el desplegable donde debe pulsar en (como antes) bloc de notas.

Cuando se le abra la ventana escriba esto; body{background-color:#FFFF00;}

Luego en la casilla que dice Nombre, borre lo que hay allí y escriba: estilo-general.css

Luego en la casilla Tipo, busque con la flecha de la derecha y elija Todos los Archivos

Luego arriba busque otra vez la carpeta que se llama blocnotas para que ese archivo lo guarde en esa carpeta
Luego entonces Guarde y cierre.

Con eso habrá creado una hoja de estilo
.........................................................

Ahora vaya a esa carpeta (blocnotas) ábrala y ponga el cursor sobre el archivo plantilla.html, hágale click derecho y ponga el cursor donde dice Abrir Con, para que en el desplegable que se abre elija o pulse en Bloc de notas . Así ya tiene abierta la página

Luego la minimiza para que venga al foro y copie todo esto que le dejo para que los pegue en esa página
..................................................................

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

</head>

<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">Publicidad</div>
</div>

<div id="navegacion">
<ul>
Seccion 1
Seccion 2
Sección 3
Sección 4

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>
Enlace 1
Enlace 2
Enlace 3
Enlace 4</div>
<h1>Esta será la zona principal de la web</h1>

Para que esto no se estropee, habrá que crear nuevos codigos que puedan solventar el problema, ya que de alguna maera los anteriores no solo no respondian sino</p>

tomanan las directivas de la etiqueta h1, algo que no es correcto</p>
<h2>Este es un subtitulo de h2.</h2>

Estaba el corazon un dia, poniendo en orden su vida. vino el cerebro y le dijo. ¡Eh!. Que eso es cosa mia.</p>

Pero cerebro---el corazon dijo---, si usted sabe solo de razones, usted, dios de los argumentos, usted patriarca de naciones.</p>

Mientras ellos discutian. Uno con argumentos, el otro, lo que sentia, a ellos acercose sigilosa, algo que no conocian</p>

Era la mano que acaricia, era el puño que golpea, era el dedo que aniquila... era una mano extendida.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Contactos
Contactos
Contactos

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio
Directorio
Directorio

</div>
</div>
<div id="curva-inferior"></div>
</div>

</body>
</html>

.......................................................................
Luego de que pegue esto en su página la cierra y pone el cursor sobre la hoja de estilo (que estará allí mismo)

Le hace click derecho y en Abrir con y en el desplegable elige Bloc de notas para que se le abra la hoja de estilo

Luego de que esté abierta, la minimiza, viene acá al foro y copia todos estos códigos para que los pegue en esa hoja de estilo
..........................................................

*{text-indent:0px;margin:0px;padding:0px;border:0px}
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}
img{border-style:none;}
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;height:85px}
#logotipo {float:left}
#publicidad {background-color:pink;float:right;font-size:16px;width:490px;}
#navegacion {background-color:gray;border:black 1px solid;height:20px}
#navegacion li {float:left;list-style:none;margin:0px 10px 0px 20px}
#navegacion ul {margin-left:180px}
#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;background-image: url(objetos/menu-parte-inferior.gif.gif); background-position: bottom; padding-bottom:5px}
#menu li {list-style:none;margin: 4px 0px 4px 6px}
#menu h1 {text-decoration:none;font-size:12px;background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color: white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid; height:65px}
#pie li {list-style: none; font-size: 12px;}
#pieuno {float:left; width: 150px}
#piedos {float:left; width: 498px}
#pietres {float:left; width: 150px}
#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 {}

#logotipo a { }
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

#pie a {color: blue; text-decoration:none ;}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#menu a {color:brown;text-decoration:none;display:block}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:red;text-decoration:underline;background-color:silver;padding-right:8px;}
#menu a:active {}
........................................................................

Como le digo, copia estos códigos y los pega en su hoja de estilo-general justo debejo de donde había escrito body{background-color:#FFFF00}

Después que pegue los códigos entonces borre este body{background-color:#FFFF00}

¿Qué se habrá hecho hasta ahora?. Pues crear una página con su hoja de estilo

Ahora para ver si la página está bien, pónga el cursor sobre ella, hace click derecho, pone el cursor en el "Abrir Con" y elige Internet Explorer

Así veremos si la página está correcta.

¿Porqué todo este lío de hacer la página de esa manera? Pues para no utilizar nada externo y poder definir si el problema es de su configuración o de otra cosa.

Si lo hace así, nos lo dice

Se me olvidó decirle que cuando pegue los código en la página plantilla.html luego debe borrar lo que había escrito, eso de "Mi primera pagina"

Saludos

Hola Ralyure;

vaya, muchas gracias, menudo trabajazo que ha echo para ayudarme, de verdad se lo agradezco mucho, he hecho todo cuanto me ha sugerido y al abrir con internet explorer se ve perfecto, lo unico que no se ve es a imagen, pero era de esperar ya que no esta creada la carpeta de objetos... pero eso es lo de menos, el caso es que se ve muy bien.
Muchas gracias por su ayuda, muchisímas gracias.

Un saludo.