Estoy siguiendo el curso con calma, pero creo que con éxito, y aprovecho para felicitar al creador del curso y de la web, estas estupendas lecciones y las soluciones a las consultas a través del foro. Estoy aprendiendo un montón.
Utilizo el navegador "Comodo Dragon", y no me aparecen los márgenes redondeados añadidos en los apartados "Por arriba y Por abajo", en cambio si intento visionar la plantilla.html con explorer me aparecen sin problemas, mi plantilla y hoja de estilos las copio continuación.
<!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="curva-superior"></div>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>Va a ser dificil, pues no está encerrada entre ningúna etiqueta concreta, luego ni es un párrafo, ni un enlace,
ni ná de ná. Nosotros pretendemos que sea un párrafo, verdad? Pues vamos a indicárselo poniéndole a esa frase la etiqueta
al incio y como no, la etiqueta de cierre al final. Ale, dale al teclado! Ha de quedar así:</p>
<h2>La cosa va mejorando</h2><p> pero ahora vemos como los textos se pegan demasiado tanto al menú lateral como a los extremos de la
página. Eso no queda muy bien, así que vamos a arreglarlo.
Tienes dos opciones, una es definirle el margen concreto a cada uno de los párrafos de todas tus páginas web,
o algo un poco más sencillo, poner un par de palabras en la Hoja de Estilo y listo. Qué prefieres? je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="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;}
#cabecera {background-color:white; border-left:black 1px solid; border-right: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: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;padding-right:8px;}
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-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
Ademas y curiosamente, con el Comodo sí se sombrean los elementos del menú lateral al colocar el cursor fuera del texto de cada elemento, pero en el Explorer, solo si coloco el cursor en el texto de cada elemento del menú.
Supongo que esto es debido a las "manias" de los navegadores, pero como que os interesa cualquier cosa rara, pues ahí va, y ademas confirmare que estoy haciendolo bien, este es el dominio que estoy utilizando: http://www.laprimerawebdeterminator.comocreartuweb.es/plantilla.html
Gracias de antemano por la atención que prestáis a nuestras dudas.
Utilizo el navegador "Comodo Dragon", y no me aparecen los márgenes redondeados añadidos en los apartados "Por arriba y Por abajo", en cambio si intento visionar la plantilla.html con explorer me aparecen sin problemas, mi plantilla y hoja de estilos las copio continuación.
<!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="curva-superior"></div>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>Va a ser dificil, pues no está encerrada entre ningúna etiqueta concreta, luego ni es un párrafo, ni un enlace,
ni ná de ná. Nosotros pretendemos que sea un párrafo, verdad? Pues vamos a indicárselo poniéndole a esa frase la etiqueta
al incio y como no, la etiqueta de cierre al final. Ale, dale al teclado! Ha de quedar así:</p>
<h2>La cosa va mejorando</h2><p> pero ahora vemos como los textos se pegan demasiado tanto al menú lateral como a los extremos de la
página. Eso no queda muy bien, así que vamos a arreglarlo.
Tienes dos opciones, una es definirle el margen concreto a cada uno de los párrafos de todas tus páginas web,
o algo un poco más sencillo, poner un par de palabras en la Hoja de Estilo y listo. Qué prefieres? je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="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;}
#cabecera {background-color:white; border-left:black 1px solid; border-right: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: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;padding-right:8px;}
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-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
Ademas y curiosamente, con el Comodo sí se sombrean los elementos del menú lateral al colocar el cursor fuera del texto de cada elemento, pero en el Explorer, solo si coloco el cursor en el texto de cada elemento del menú.
Supongo que esto es debido a las "manias" de los navegadores, pero como que os interesa cualquier cosa rara, pues ahí va, y ademas confirmare que estoy haciendolo bien, este es el dominio que estoy utilizando: http://www.laprimerawebdeterminator.comocreartuweb.es/plantilla.html
Gracias de antemano por la atención que prestáis a nuestras dudas.