elescritorsolitario escribió:http://elescritorsolitario.onlinewebshop.net/
Hola:
He podido ver un poco su hoja de estilo y sus códigos de su página, habia una cosa que yo no entendía, y era porqué había puesto usted la imagen entre el <head> y el </head>. quizás se confundió (pienso yo) por que esa imagen se suele poner dentro de la cabecera, pero no en el <head> sino en una capa que hay que crear y llamarla cabecera, fuera de eso , le sugiero que poco a poco vaya usted revisando los códigos para que mantenga mas o menos un orden tanto en la pagina como en la hoja de estilo, le hize unos arreglos a su página, porque usted tenía mezclada algunas pocas cosas, le dejaré acá el como han sido un poco los arreglos, ya se que se puede mejorar, pero hay que ir de a poco
Si le sirven , mejor que mejor
Estos son los de la página:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Elescritorsolitario</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
[contenido no disponible]</div>
<div id="titulos"><h1>Escritores aún no reconocidos</h1>
<h1>Escritores noveles</h1>
<h1>Grandes promesas de la literatura</h1>
</div>
<div id="contenido">
<div id="menu">
<ul>
Envío de manuscritos
Obras aceptadas
Otras cosas
</div>
Esta página ha sido creada para aquellos </p>
que escriben con el alma y para aquellos que leen con el corazón, (ya que no se podrán etc. etc. etc.etc.)</p>
Pero hay una cosa que debemos aclarar primero, no se me da demasiado bien la poesía, así pues sólo serán admitidos cuentos o relatos breves como quieras denominarlos.</p>
Como lo que se pretende es crear una página de calidad excepcional, la criba, lo siento debe ser así, será rigurosa.</p>
Dicho todo esto, y si estás de acuerdo con estas condiciones, prepárate a realizar un viaje maravilloso.</p>
</div>
<div id="formulario">
<form method="post" action="entrar.php">
Nick:
<input type="text" name="nick" maxlength="20">
Contraseña:
<input type="password" name="contrasena" maxlength="20">
<input type="submit" name="enviar" value="Iniciar Sesión">
</form>
-->Registrate aqui <-- </p>
</div>
<div id="contadores">
[contenido no disponible][contenido no disponible][contenido no disponible]
estadisticas web
clasificados </p>
</div>
<div id="correos">
[correo eliminado]
<div>
</div>
</body>
</html>
Y este es el de la hoja de estilo
*{text-indent:0px;margin:0px;padding:0px;border:0px}
img{border-style:none;}
p{text-align:justify}
h1{font-size:1.0em;color:blue;font-weight:bold;text-decoration:underline;text-align:center}
body{text-align:center;background-color:#E6E6FA;font-family:Verdana, Arial, Geneva, Helvetica, serif, sans-serif;}
#global{width:800px;margin:4px auto}
#cabecera{background-color:FFFFFF;border-left:black 1px solid;
border-right:black 1px solid;border-top:black 1px solid;height:200px}
#titulos{background-color:white;border:black 1px solid;height:60px;}
#contenido {background-color:#FFFFFF;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:#E6E6FA;width:150px;float:left;
text-align:left;margin:3px 10px 3px 3px;}
#menu h1{text-decoration:none;font-size:12px;padding-top:12px;}
#menu li{list-style:none;margin:4px 8px 4px 6px}
#formulario{background-color:#0000FF;width:auto;border-top:black 1px solid;border-right:black 1px solid;border-left:black 1px solid;height:150px;}
#formulario p{padding:5px;}
#contadores{background-color:FFFFFF;widht:auto;border-top:black 1px solid;height:60px;border-left:black 1px solid;border-right:black 1px solid;}
#contadores p{padding:5px;}
#correos{background-color:white;
border:black 1px solid;
height:40px;}
a {color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:#FFEFD5;}
a:active{}
Usted vea si le sirve, lógicamente debe modificar los colores que yo le puse para que se adecúen a lo que usted quiere, la imagen que tenía usted entre el <head> y el </head> la opuse en una capa llamada cabecera, y es (por lo menos yo lo creo así) menos problemático poner el formulario, el contador y el correo en capas individuales , así se las he puesto, luego cuando se domine un poco mejor lo de las posiciones puede uno poner las cosas donde quiera, , pero la mejor manera de evitarse problemas es meter en una capa.
Saludos