Con que veais mi nick ya lo digo todo. :oops:
Estoy siguiendo el curso paso a paso y ya tengo problemas:
1º Al visualizar la plantilla el color del texto de los párrafos no es negro sino marrón, como el de los enlaces.
Eso no creo que tenga mayor importancia pero cuando veo la plantilla en la web en el servidor me pasa esto:
- si es en firefox al pasar el cursor por los párrafos se colorean y subrayan como si fuesen enlaces
- se es en explorer eso no pasa, pero la letra es de color brown
Esta es mi "
hoja de estilos":
* {text-indent:0px ; margin:0px ; padding:0x ; 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: gray ; border: black 1px solid}
#contenidos {background-color: orange ; border-left:black 1px solid ; border-right: black 1px solid}
#contenidos 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-top:black 1px solid ; border-right: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: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 }
Y esta la
plantilla:
<!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="contenidos">
<div id="menu">
<ul>
Enlace 1Enlace 2<a href="#">Enlace 3<a>
</div>
Esta sera la zona principal de la web</p>
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>
Y este es el tercer párrafo. 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>
¿En que me estoy equivocando, please???
Gracias.
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>