hey que tal, tengo un problema con unas secciones de mi web, lo que es el area de chat, esto es lo que tengo en html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AVANZANDO CON VIOLENCIA PARA CRISTO - CHAT MEXICO</title>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta name="description" content="Aqui encontraras cosas divertidas y testimoniales, entre videos y radio online, todo enfocado a CRISTO JESUS, visitanos no te arrepentiras">
<meta name="keywords" content="CRISTO, Cristo, cristo, JESUS, Jesus, jesus, DIOS, Dios, dios, VIDEOS, Videos, videos, VIDEO, Video, video, CRISTIANOS, Cristianos, cristianos, CRISTIANO, Cristiano, cristiano, SANTIDAD, Santidad, santidad, SANTO, Santo, santo, SALVACION, Salvacion, salvacion, DEPRECION, Deprecion, deprecion, MUERTE, Muerte, muerte, mexico, Mexico, MEXICO">
</head>
<body>
<div id="global"><div id="curva-superior"></div>
<div id="cabeza"><div id="logo">[contenido no disponible]</div><div id="propaganda">anúnciate aquí</div></div>
<div id="contenido">
<div id="menu"><ul><h1>CHECATE ESTO</h1>QUIENES SOMOS VIDEOS RADIO CASA DE PAZ HAS CONTACTO WEB'S AMIGAS CHAT FORO</div><h1>CHATEA CON TODA AMERICA LATINA</h1>
HEY-TU, no esta limitado, tenemos salas de chat, así podrás conocer gente de otros lados de América latina.</p>
Pero claro hay reglas, esas estan dentro de cada sala de chat, pero recuerda todo con un mismo fin. CRISTO, ven, te esperamos.</p>
<div id="capachat"><h3>Salas De Chat</h3><div id="chatuno"><h1><font color="#008000">MEXICO</font></h1><ul> [contenido no disponible] De 12 a 20 años [contenido no disponible] De 21 a 30 años [contenido no disponible] De 31 a 40 años [contenido no disponible] Mas de 40 años</div><div id="chatdos"><h1><font color="#ff0000">ECUADOR</font></h1><ul> [contenido no disponible] De 12 a 20 años [contenido no disponible] De 21 a 30 años [contenido no disponible] De 31 a 40 años [contenido no disponible] Mas de 40 años</div><div id="chattres"><h1><font color="#cccc99">COLOMBIA</font></h1><ul> [contenido no disponible] De 12 a 20 años [contenido no disponible] De 21 a 30 años [contenido no disponible] De 31 a 40 años [contenido no disponible] Mas de 40 años</div><div id="chatcuatro"><h1><font color="#990099">HONDURAS</font></h1><ul> [contenido no disponible] De 12 a 20 años [contenido no disponible] De 21 a 30 años [contenido no disponible] De 31 a 40 años [contenido no disponible] Mas de 40 años</div>
<div id="chatpublisidad">esta zona es para mas publisidad</div>
</div>
<div id="propagandachat">anunsite aqui</div>
<div id="pie"><div id="pieuno"><ul> Foro Contáctanos Enlace</div><div id="piedos">piedos</div><div id="pietres"><ul> Directorio TopSite Mapa de la Web</div></div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
y esto es lo que tengo enla hoja de estilos
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:red ; 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}
body {background-image: url(objetos/fondo.png); background-repeat: inherit; height:100%; 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 }
#cabeza {background-color: #FFFFFF; border-left: black 1px solid; border-right: black 1px solid; height:85px }
#logo { width:280px; float:left }
#propaganda {background-color: #FFFFFF; width:468px; float:right; margin-top:25px; font-size: 16px }
#contenido {background-color: #A2B5CD; width: 800px; float:left; border-top: black 1px solid; border-left: black 1px solid; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px }
#chistosos {width: 400px; float: center; text-align: center; list-style: none}
#chistosos li {list-style: none}
#capachat{background-color: white; border: 5px solid #FFDAB9; float:left}
#capachat li {list-style: none; margin: 4px 0px 4px 6px; font-size: 10px }
#chatuno {background-image: url(chat/objetos-chat/mexico.jpg); float: left; margin:5px 5px 5px 5px }
#chatdos {background-image: url(chat/objetos-chat/ecuador.jpg); float: left; margin:5px 5px 5px 5px }
#chattres {background-image: url(chat/objetos-chat/colombia.jpg); float: left; margin:5px 5px 5px 5px }
#chatcuatro {background-image: url(chat/objetos-chat/honduras.jpg); float: left; margin:5px 5px 5px 5px }
#capachat h3 {background-color: #FFDAB9; text-decoration:none ; font-size:16px}
#chatpublisidad {float: center; width: 460px; border: 1px solid black; background-color: #EEE9E9; margin:5px 5px 5px 5px}
#propagandachat {background-color: white; border: 1px solid black; float: right}
#formulario {width: 400px ; float: center; text-align: left}
#menu { background-color: red; width: 180px ; float:left; text-align: left; margin-right: 10px; margin:3px 10px 3px 3px }
#menu li {list-style: none; margin: 4px 0px 4px 6px; font-size: 15px }
#menu h1 {background-color: #FFF68F; text-decoration:none ; font-size:13px}
#pie {background-color: #FFFFFF; border-top: black 1px solid; border-left: black 1px solid; border-right: black 1px solid; height: 65px }
#pie li {list-style: none; font-size: 12px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:800px; height: 12px; overflow: hidden }
#pieuno {float:left ; width:150px; border-right: black 1px solid }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px; border-left: black 1px solid }
a { color:blue ;font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color: black; text-decoration:underline; background-color: #CD853F}
a:active {}
y asi es como se ve, bueno colocare la direccion de mi web
la cual es:
http://hey-tu.mywebcommunity.org/index.html alguien me puede dar u…
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AVANZANDO CON VIOLENCIA PARA CRISTO - CHAT MEXICO</title>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta name="description" content="Aqui encontraras cosas divertidas y testimoniales, entre videos y radio online, todo enfocado a CRISTO JESUS, visitanos no te arrepentiras">
<meta name="keywords" content="CRISTO, Cristo, cristo, JESUS, Jesus, jesus, DIOS, Dios, dios, VIDEOS, Videos, videos, VIDEO, Video, video, CRISTIANOS, Cristianos, cristianos, CRISTIANO, Cristiano, cristiano, SANTIDAD, Santidad, santidad, SANTO, Santo, santo, SALVACION, Salvacion, salvacion, DEPRECION, Deprecion, deprecion, MUERTE, Muerte, muerte, mexico, Mexico, MEXICO">
</head>
<body>
<div id="global"><div id="curva-superior"></div>
<div id="cabeza"><div id="logo">[contenido no disponible]</div><div id="propaganda">anúnciate aquí</div></div>
<div id="contenido">
<div id="menu"><ul><h1>CHECATE ESTO</h1>
HEY-TU, no esta limitado, tenemos salas de chat, así podrás conocer gente de otros lados de América latina.</p>
Pero claro hay reglas, esas estan dentro de cada sala de chat, pero recuerda todo con un mismo fin. CRISTO, ven, te esperamos.</p>
<div id="capachat"><h3>Salas De Chat</h3><div id="chatuno"><h1><font color="#008000">MEXICO</font></h1><ul>
<div id="chatpublisidad">esta zona es para mas publisidad</div>
</div>
<div id="propagandachat">anunsite aqui</div>
<div id="pie"><div id="pieuno"><ul>
<div id="curva-inferior"></div>
</div>
</body>
</html>
y esto es lo que tengo enla hoja de estilos
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:red ; 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}
body {background-image: url(objetos/fondo.png); background-repeat: inherit; height:100%; 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 }
#cabeza {background-color: #FFFFFF; border-left: black 1px solid; border-right: black 1px solid; height:85px }
#logo { width:280px; float:left }
#propaganda {background-color: #FFFFFF; width:468px; float:right; margin-top:25px; font-size: 16px }
#contenido {background-color: #A2B5CD; width: 800px; float:left; border-top: black 1px solid; border-left: black 1px solid; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px }
#chistosos {width: 400px; float: center; text-align: center; list-style: none}
#chistosos li {list-style: none}
#capachat{background-color: white; border: 5px solid #FFDAB9; float:left}
#capachat li {list-style: none; margin: 4px 0px 4px 6px; font-size: 10px }
#chatuno {background-image: url(chat/objetos-chat/mexico.jpg); float: left; margin:5px 5px 5px 5px }
#chatdos {background-image: url(chat/objetos-chat/ecuador.jpg); float: left; margin:5px 5px 5px 5px }
#chattres {background-image: url(chat/objetos-chat/colombia.jpg); float: left; margin:5px 5px 5px 5px }
#chatcuatro {background-image: url(chat/objetos-chat/honduras.jpg); float: left; margin:5px 5px 5px 5px }
#capachat h3 {background-color: #FFDAB9; text-decoration:none ; font-size:16px}
#chatpublisidad {float: center; width: 460px; border: 1px solid black; background-color: #EEE9E9; margin:5px 5px 5px 5px}
#propagandachat {background-color: white; border: 1px solid black; float: right}
#formulario {width: 400px ; float: center; text-align: left}
#menu { background-color: red; width: 180px ; float:left; text-align: left; margin-right: 10px; margin:3px 10px 3px 3px }
#menu li {list-style: none; margin: 4px 0px 4px 6px; font-size: 15px }
#menu h1 {background-color: #FFF68F; text-decoration:none ; font-size:13px}
#pie {background-color: #FFFFFF; border-top: black 1px solid; border-left: black 1px solid; border-right: black 1px solid; height: 65px }
#pie li {list-style: none; font-size: 12px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:800px; height: 12px; overflow: hidden }
#pieuno {float:left ; width:150px; border-right: black 1px solid }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px; border-left: black 1px solid }
a { color:blue ;font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color: black; text-decoration:underline; background-color: #CD853F}
a:active {}
y asi es como se ve, bueno colocare la direccion de mi web
la cual es:
http://hey-tu.mywebcommunity.org/index.html alguien me puede dar u…