Hola a tod@s, recientemente, he puesto un juego en mi web, para que mis visitantes puedan divertirse un poco. El juego parece ir correctamente, pero el problema es que me ocupa la parte inferior de la pantalla y no me deja opción de ver los elementos que se encuentran por debajo de él. Dejo aquí el enlace al sitio donde está el juego y otro a otra sección de mi web para ver la diferencia, tambien dejo hoja de estilos para que alguien pueda ayudarme.
[url http://buahneno.atwebpages.com] Tendría que ser así URl
Por algún motivo no funciona el enlace completo, así que por favor entrad en la página principal y dentro de ella sección programas y despues sonido para ver como tendría que estar.
y lo mismo pagina principal/tablón/jugar para ver la que funciona mal.
Perdón por las molestias.
Gracias a tod@s por anticipado.
HOJA DE ESTILOS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:darkorange ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:darkorange ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font.size: 1.2em; color:gold ; font-weight: bold ; text-decoration: none ;
text-align: center}
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: darkorange ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:100px ; float:left }
#publicidad {background-color: darkorange ;width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: black ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 40px 0px 40px }
#navegacion a {color: gold ; font-weight: bold; text-decoration: none ; display: block }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:red ; text-decoration:underline }
#navegacion a:active {}
#navegacion ul { margin-left: 60px }
#contenido {background-color: royalblue; width: 800px ; float:left; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: darkorange ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#pie a {color: gold ; font-weight: bold; text-decoration: none ; display: block }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: darkorange ; float:left ; width:150px}
#piedos {background-color: darkorange; { float:left ; width:478px}
#pietres {background-color: darkorange ; float:right ; width:150px}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#espaciouno {width: 20px }
#espaciodos {width: 40px}
#fotogrande {width: 300px; height: 350px; float:left}
#lisa {background-color:blue;float:left;width:100px;height:75px}
#fito {background-color:blue; float:left;width:250px; height:150px}
#estrella {float:right}
#lineas {margin:20px 0px 20px 0px}
a {color: #8B0000 ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline }
a:active {}
#pie a {color: royalblue ; text-decoration: none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: darkorange }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: gold }
#logotipo a:active {}
aquí dejo el Html por si tiene errores.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>FORO</title>
<link rel="stylesheet" href="../estilo-general2.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Para pasar el rato</div>
</div>
<div id="navegacion">
<ul>Portada Programas
Música Tablón
Galería
</div>
<div id="contenido">
<div id="menu">
<h1>TAG Y JUEGOS</h1>
<ul> Conversar JUGAR
</div>
<h1>UN JUEGUITO QUE ENCONTRE PARA PASAR EL RATO</h1>
Aquí queda este juego, a ver que tal va el juego lo iré cambiando de vez en cuando, si alguno gusta en especial que lo digan en el Tablón y se tendrá en cuenta.</p>
<h2>A MATAR MALOS</h2>
<iframe src ="http://planetaextasis.com/juegosflash/accion/22.htm" width="485" height="300" marginwidth="1" marginheight="1" name="videochat" scrolling="no" border="0" frameborder="0">
Tu navegador no soporta iframes, descarga explorer o firefox</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">SEMPRE GALIZA<a href="http://www.contadorgratis.es/">
[contenido no disponible]</a>
Contador</div>
<div id="pietres">
<ul>
Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
[url http://buahneno.atwebpages.com] Tendría que ser así URl
Por algún motivo no funciona el enlace completo, así que por favor entrad en la página principal y dentro de ella sección programas y despues sonido para ver como tendría que estar.
y lo mismo pagina principal/tablón/jugar para ver la que funciona mal.
Perdón por las molestias.
Gracias a tod@s por anticipado.
HOJA DE ESTILOS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:darkorange ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:darkorange ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font.size: 1.2em; color:gold ; font-weight: bold ; text-decoration: none ;
text-align: center}
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: darkorange ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:100px ; float:left }
#publicidad {background-color: darkorange ;width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: black ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 40px 0px 40px }
#navegacion a {color: gold ; font-weight: bold; text-decoration: none ; display: block }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:red ; text-decoration:underline }
#navegacion a:active {}
#navegacion ul { margin-left: 60px }
#contenido {background-color: royalblue; width: 800px ; float:left; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: darkorange ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#pie a {color: gold ; font-weight: bold; text-decoration: none ; display: block }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: darkorange ; float:left ; width:150px}
#piedos {background-color: darkorange; { float:left ; width:478px}
#pietres {background-color: darkorange ; float:right ; width:150px}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#espaciouno {width: 20px }
#espaciodos {width: 40px}
#fotogrande {width: 300px; height: 350px; float:left}
#lisa {background-color:blue;float:left;width:100px;height:75px}
#fito {background-color:blue; float:left;width:250px; height:150px}
#estrella {float:right}
#lineas {margin:20px 0px 20px 0px}
a {color: #8B0000 ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline }
a:active {}
#pie a {color: royalblue ; text-decoration: none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: darkorange }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: gold }
#logotipo a:active {}
aquí dejo el Html por si tiene errores.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>FORO</title>
<link rel="stylesheet" href="../estilo-general2.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Para pasar el rato</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>TAG Y JUEGOS</h1>
<ul>
</div>
<h1>UN JUEGUITO QUE ENCONTRE PARA PASAR EL RATO</h1>
Aquí queda este juego, a ver que tal va el juego lo iré cambiando de vez en cuando, si alguno gusta en especial que lo digan en el Tablón y se tendrá en cuenta.</p>
<h2>A MATAR MALOS</h2>
<iframe src ="http://planetaextasis.com/juegosflash/accion/22.htm" width="485" height="300" marginwidth="1" marginheight="1" name="videochat" scrolling="no" border="0" frameborder="0">
Tu navegador no soporta iframes, descarga explorer o firefox</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">SEMPRE GALIZA<a href="http://www.contadorgratis.es/">
[contenido no disponible]</a>
Contador</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>