hola, pues antes que nada me presento, soy irepan, y acabo de descubrir esta web, muuy bien hecha y felicidades a jorgens, muy buen tutorial, lastima por lo del tiempo pero bueno, es gratis y hecho con buena voluntad, asi que no hay que exigir, bueno, ya termine con el tutorial (en un solo dia xD, bueno hay que decir que tenia principios de HTML >_>) y empeze con mi web de prueba, solo que tengo un error en firefox (explorer me lo muestra bien)
les coloco unas imágenes ya que no he podido subir los archivos (mi hosting todavia no activa mi cuenta >_>)
asi es como debería de quedar (nota: normalmente esta centrado):
http://i299.photobucket.com/albums/mm308/Irepan/Capturer.jpg
asi es como se ve en firefox:
http://i299.photobucket.com/albums/mm308/Irepan/Capturer1.jpg
como ven no esta centrado y la capa del menu lateral se muestra abajo de la capa contenido (noticias), por lo que veo es que le pone margen extra del lado derecho de la capa global, lo cual hace que no haya espacio para las dos capas (suposición mia), por lo tanto intente quitando el padding a la capa global "padding: 0px" pero no funciono, alguna idea de lo que pueda ser?
los codigos:
hoja css
Html:
les coloco unas imágenes ya que no he podido subir los archivos (mi hosting todavia no activa mi cuenta >_>)
asi es como debería de quedar (nota: normalmente esta centrado):
http://i299.photobucket.com/albums/mm308/Irepan/Capturer.jpg
asi es como se ve en firefox:
http://i299.photobucket.com/albums/mm308/Irepan/Capturer1.jpg
como ven no esta centrado y la capa del menu lateral se muestra abajo de la capa contenido (noticias), por lo que veo es que le pone margen extra del lado derecho de la capa global, lo cual hace que no haya espacio para las dos capas (suposición mia), por lo tanto intente quitando el padding a la capa global "padding: 0px" pero no funciono, alguna idea de lo que pueda ser?
los codigos:
hoja css
body
{
background-color: #8B8989;
text-align: center;
color: #8B8989;
}
img {border-style: none}
a
{
color: #8B8989;
text-decoration: none;
display: block;
}
a:active {color: #ff8000}
a:hover {color: black; text-decoration: underline; background-color: #8B8989}
a:visited {color: #ff8000}
h2
{
color:black;
font-weight: bold;
text-decoration: underline;
text-align: center;
}
#global
{
width:800px; height: 1055;
background-image: url(objetos/cabeza1.jpg);
background-position: center top;
background-repeat: no-repeat;
padding: 0px;
}
#cabecera
{
width: 790px;
font-size: X-large;
margin-left: 5px;
margin-right: 5px;
}
#navegacion
{
height: 67px;
margin: 0px 5px 5px 5px;
padding-left: 200px
}
#navegacion li
{
float:left;
list-style: none;
padding: 0px 10px 0px 10px;
}
#contenido
{
float: right;
width: 640px;
height: 700px;
background-image: url(objetos/columna_1.gif);
background-repeat: no-repeat;
text-align: left;
text-indent: 15px;
padding: 20px 10px 10px 10px;
}
#menu
{
float:left;
width: 145px ;
margin-left:5px;
background-image: url(objetos/menu.gif);
background-repeat: no-repeat;
text-align: left;
padding: 10px 10px 10px 10px;
}
#Cuerpo
{
width: 800px;
height : 700px;
}Html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Fansite de Imperio Online</title>
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
[*]seccion 1
[*]Sección 2
[*]Sección 3
[*]Sección 4
[/list]
</div>
<div id="contenido">
<h2>Noticias</h2>
[b]Reinicios Preventivos de Server[/b]</p>
Debido a que los fines de semana es cuando mas gente se conecta al juego se ha decidido hacer todos los jueves un
reinicio preventivo de las 12hrs horario de México a las 12:50pm (aproximadamente, depende del tipo de reinicio), esto
con la finalidad de quitar un poco el lag en las zonas y evitar problemas con los eventos automatizados.</p>
<hr align="center" color="#8B8989" noshade="noshade" />
[b]Desbaneo de cuentas por abusos y entregas con GMTOOL[/b]</p>
</p>Estimados amigos de Imperio.</p>
Hemos dado por concluida la investigación relacionada con el abuso de entrega de Items y aumento de experiencia
utilizando las herramientas de los GMs.</p>
</div>
<div id="menu">
[b]<dl>[url="#"]Accueil[/url][/b]
[b]<dt>Histoire[/b]
<dd>[url="#"]Introduction[/url]
<dd>[url="#"]Personnages[/url]
[b]<dt>[url="#"]Cartes, plans[/url][/b]
[b]<dt>Items[/b]
<dd>[url="#"]Armes[/url]
<dd>[url="#"]Armures[/url]
<dd>[url="#"]Boucliers[/url]
<dd>[url="#"]Accessoires[/url]
<dd><a href="#">Divers<a/>
[b]<dt>ETC.[/b]
<dd>[url="#"]links[/url]
<dd><a href="#">images<a/>
</div>
</div>
</body>
</html>