Tengo la plantilla asi:
Y así la hoja de estilo general:
Mis problemas son:
1) El menú no queda alineado con el contenido sino que se corre hacia abajo a medida que voy escribiendo y el 2 es que esto:
Me queda linkeado, y se supone que no debe ser asi...
Será que podeis decirme por qué y como he de solucionarlo?
<!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="cabecera">Bienvenidos a esta Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
Esta será la zona principal de la web</p>
Esta página ha sido creada como un proyecto con la finalidad de ayudar a los estudiantes en su laaaarrgo camino por recorrer en la educación,
(y cuando digo "laaaargo" me refiero a laaaaaaaaaarrrgo jajaja)y a uno que otro profesor.
Como puedes ver en el menú de la izquierda (por que si lo ves, verdad? XD) hay varios links con las asignaturas que has cursado, estás cursando o vas cursar (Cuanta esperanza no?).
Bueno, asi a nosotros nos ha tocado sufrir, ya va siendo hora de que a ti tambien...
No, mentira, como ya dije esta página es para echarte una manita y facilitarte las cosas.
Eres libre de buscar lo que necesites y si algo no te gusta, pues te la calas! (miento XD)
Si algo no te gusta o simplemente hay algo que no tenemos y que tu necesitas, te invido a enviarme un e-mail con tus dudas o sugerencias</p>
<div id="menu">
<ul>
[*][url="#"]Consejos para estudiantes[/url][*][url="#"]Lengua y Literatura[/url][*][url="#"]Matemática[/url][*][url="#"]Historia[/url][*][url="#"]Biología[/url][*][url="#"]Química[/url][*][url="#"]Dibujo Técnico[/url][*][url="#"]Inglés[/url][*][url="#"]Geografía[/url][*][url="#"]Educación para el Trabajo[/url][*][url="#"]Artística[/url][*][url="#"]Ciencias Sociales[/url][*][url="#"]Música[/url][*]<a href="#">Pre-Militar[/list]</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>Y así la hoja de estilo general:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: blue }
#navegacion {background-color: darkblue }
#contenido {background-color: lightblue ; width: 800px ; float:left} p {padding: 5px 10px 5px 10px}
#menu {background-color: cyan ; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
#pie {background-color: pink}
a {color: brown ; font-size:1.3em ; text-decoration: none}
a:link a {color: brown ; font-size:1.3em ; text-decoration: none}
a:visited a {color: brown ; font-size:1.3em ; text-decoration: none}
a:hover {color:red ; text-decoration:underline}
a:active a {color: brown ; font-size:1.3em ; text-decoration: none}
a {color: brown ; text-decoration:none ; display: block }
p {text-align: justify}Mis problemas son:
1) El menú no queda alineado con el contenido sino que se corre hacia abajo a medida que voy escribiendo y el 2 es que esto:
<div id="pie">Este es el pié de página</div>Me queda linkeado, y se supone que no debe ser asi...
Será que podeis decirme por qué y como he de solucionarlo?