hey tengo problemas con mi web, ya que ya esta terminda, pero puse como fondo del la paginba, una imagen gif, pero al momento que subir la web al servidor no la reproduce, solo pone la pantalla de color rojo, alguien me puede acesorar
problemas con el codigo
Pásanos el código html y css ;)
este es el codigo html es el siguiente
<!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>GENESAYS</title>
<link rel="stylesheet" href="reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="estilo-general.css" media="all"/>
<meta name="description" content="Hey aqui encontraras musica, novedades, productos originales he informacion de grupos nuevos, foros y mucho mas, que lo disfrutes">
<meta name="keywords" content="CRISTO, Cristo, cristo, JESUS, Jesús, Jesús, DIOS, Dios, dios, MUSICA, Musica, musica, CRISTIANOS, Cristianos, cristianos, CRISTIANO, Cristiano, cristiano, SANTIDAD, Santidad, santidad, SANTO, Santo, santo, SALVACION, Salvación, salvación, DEPRECION, Depresión, depresión, MUERTE, Muerte, muerte, GRUPOS, Grupos, grupos, NUEVOS,Nuevos, nuevos. ROCK, Rock, rock, ALABANZAS, Alabanzas, alabanzas, RAP, Rap, rap, METAL, Metal, metal, MERANGUE, Merengue, merengue, HIP HOP, Hip Hop, hip hop, DANCE, Dance, dancer, TIENDA, tienda, Tirnda">
<SCRIPT TYPE="text/javascript">
</SCRIPT>
<SCRIPT LANG="JavaScript">
pic = new Image();
pic1 = new Image();
pic1.src = "objetos/congresos1.PNG";
pic2 = new Image();
pic2.src = "objetos/congresos2.PNG";
pict = new Image();
pict1 = new Image();
pict1.src = "objetos/grupos-nuevos1.PNG";
pict2 = new Image();
pict2.src = "objetos/grupos-nuevos2.PNG";
pictu = new Image();
pictu1 = new Image();
pictu1.src = "objetos/novedades1.PNG";
pictu2 = new Image();
pictu2.src = "objetos/novedades2.PNG";
pictur = new Image();
pictur1 = new Image();
pictur1.src = "objetos/tienda-y-souvenir1.PNG";
pictur2 = new Image();
pictur2.src = "objetos/tienda-y-souvenir2.PNG";
picture = new Image();
picture1 = new Image();
picture1.src = "objetos/foro1.PNG";
picture2 = new Image();
picture2.src = "objetos/foro2.PNG";
function flip(pic, r)
{
if(r == 2)
{
source = eval(pic + "2.src");
document.src = source;
}
if(r == 1)
{
source = eval(pic + "1.src");
document.src = source;
}
}
function link()
{
}
</SCRIPT>
</head>
<body>
<div id="global">
<div id="cabecera"><div id="logo">[contenido no disponible]</div><div id="propaganda">hey tu anunciate aqui</div></div>
<div id="contenido"><div id="menu">[contenido no disponible]
<ul>
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
</div>
<h1>NO CIERRES TUS OIDOS</h1>
Según la filosofía de su construcción, el procesamiento puede ser: centralizado, descentralizado o distribuido, y de acuerdo a la envergadura de algunas compañías, una mezcla e ellos.
Cada una de estas filosofías apunta a resolver los distintos problemas que puede enfrentar una Empresa, en relación con el procesamiento de datos, y a su vez, contemplan las pautas políticas con que cada Empresa encara la resolución de sus problemas.
Como vemos, los equipos de computación abarcan un amplio espectro en lo que hace a la problemática empresarial, y esto es así, porque de esta forma los proveedores de equipos se aseguran una mayor penetración en el mercado.
Cada filosofía establece un diseño o arquitectura de construcción de cada dispositivo de la "maquina", y es en función de esas pautas que se determinan el tamaño, capacidad, velocidad, etc., de cada componente del sistema.
Por lo expuesto, resulta imprescindible el conocimiento del "problema" de la Empresa, antes de iniciar la evaluación técnica que permita definir la filosofía, arquitectura y tipo de procesamiento a emplear.
Por tal motivo, será necesario conocer y comprender las particularidades del "Negocio" de la Empresa, que además evitara desvíos en la caracterización de sus problemas por consideraciones de tipo teórico fuera de su contexto.
Por otra parte, se deberán analizar los motivos por los cuales la Empresa decide invertir en equipos de computación. Estos pueden ser:
1. Por encontrarse en etapa de expansión
2. Por prever una futura etapa de expansión
3. Por encontrarse en etapa de recesión (Necesidad critica de reducir costos)
En los dos primeros casos, el desarrollo de sistemas esta ligado al desarrollo de la Empresa, por tal motivo, invierte en computación.
En el tercer caso, la inversión en computación forma parte de un "Plan de Austeridad" y entonces, solo el ahorro inmediato justifica la misma.
Puede observarse que, en cada caso, las restricciones sobre el proyecto actúan de manera diferente, y son un condicionante critico tanto para definir la configuración, como para dimensionar la instalación, si bien en los tres casos estamos frente a un "Estudio de Factibilidad para incorporar un computador".
Generalmente, suele pensarse que el diseño de la configuración de una instalación solo depende del volumen de información a procesar, y que una vez cuantificada esta variable el responsable del proyecto decide cuantas terminales, impresoras, etc., necesita.</p>
<div id="datos"><h1>MUSICA</h1>
<div id="opcion"><h1>ALABANZAS</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>ELECTRO & DANCE</h1>
Da clik aqui</p></div>
<div id="opcion"><h1>SALSA & MERENGUE</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>RAP & HIP HOP</h1>
Da clik aqui</p></div>
<div id="opcion"><h1>ROCK & METAL</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>REGAETON</h1>
Da clik aqui</p></div>
</div>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Congresos Grupos Nuevos Novedades
</div>
<div id="piedos">propaganda o pginas de visitas</div>
<div id="pietres">
<ul>
Tienda y Souvenir Foro MapSite
</div>
</div>
</div>
</body>
</html>
y este es el de la hoja de estilo
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; font-family:Comic Sans MS, Helvetica, sans-serif}
h1 {font-size: 1.6em; color:#0000cc ; font-weight: bold ; text-decoration: underline ; text-align: center}
body {background-color:black ;background-image: url(objetos/sin-señal.gif); text-align: center}
#global {width:800px; margin: 4px auto}
#cabecera {background-color: red; height:85px }
#logo { width:280px; float:left }
#propaganda {background-color: red; width:468px; float:right; margin-top:25px; font-size: 16px }
#contenido {background-color: red}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 228px; float:left; text-align:center; margin-right: 10px; background-color: red; background-position: bottom; padding-bottom:5px }
#menu li { list-style:none; margin: 4xp 0xp 4xp 6xp}
#menu-propaganda {width: 228px; float:left; margin-right: 10px; background-color: red; background-position: bottom; padding-bottom:5px}
#datos {width:540px; background-color:red; text-align: center}
#datos h1 {color: black; text-decoration: none}
#opcion {text-align: center; width: 260px;float:left; background-image: url(objetos/cuadro-inferior.PNG); text-align:center; margin-right: 10px; background-position: bottom; margin-bottom:5px}
#opcion a {color: #ffffff; list-style:none; margin: 4xp 0xp 4xp 6xp}
#opcion a:hover { color:#cc00cc; text-decoration:underline }
#opcion h1 {color:#ffffff; text-decoration:none; font-size:15px; background-image: url(objetos/cuadro-superior.PNG); padding-top:12px }
#opcion p {color: #ffffff; text-align: center; font-size:13px}
#opcion2 {text-align: center; width: 260px;float:right; background-image: url(objetos/cuadro-inferior.PNG); text-align:center; margin-right: 10px; background-position: bottom; margin-bottom:5px}
#opcion2 a {color: #ffffff; list-style:none; margin: 4xp 0xp 4xp 6xp}
#opcion2 a:hover { color:#cc00cc; text-decoration:underline }
#opcion2 h1 {color:#ffffff; text-decoration:none; font-size:15px; background-image: url(objetos/cuadro-superior.PNG); padding-top:12px }
#opcion2 p {color: #ffffff; text-align: center; font-size:13px}
#formulario {width: 250px; background-color:red; text-align: center; font-family:Berlin Sans FB, Helvetica, sans-serif}
#pie { background-color: red; height: 65px }
#pieuno { float:left; width: 150px }
#piedos { float:left;width: 498px }
#pietres { float:left; width: 150px }
a {text-decoration: none}
#pie a { color: blue; text-decoration:none; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover { color:black; text-decoration:underline; background-color: white }
#pie a:active { color:black }
y este es mi web
http://www.genesays.co.cc/
<!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>GENESAYS</title>
<link rel="stylesheet" href="reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="estilo-general.css" media="all"/>
<meta name="description" content="Hey aqui encontraras musica, novedades, productos originales he informacion de grupos nuevos, foros y mucho mas, que lo disfrutes">
<meta name="keywords" content="CRISTO, Cristo, cristo, JESUS, Jesús, Jesús, DIOS, Dios, dios, MUSICA, Musica, musica, CRISTIANOS, Cristianos, cristianos, CRISTIANO, Cristiano, cristiano, SANTIDAD, Santidad, santidad, SANTO, Santo, santo, SALVACION, Salvación, salvación, DEPRECION, Depresión, depresión, MUERTE, Muerte, muerte, GRUPOS, Grupos, grupos, NUEVOS,Nuevos, nuevos. ROCK, Rock, rock, ALABANZAS, Alabanzas, alabanzas, RAP, Rap, rap, METAL, Metal, metal, MERANGUE, Merengue, merengue, HIP HOP, Hip Hop, hip hop, DANCE, Dance, dancer, TIENDA, tienda, Tirnda">
<SCRIPT TYPE="text/javascript">
</SCRIPT>
<SCRIPT LANG="JavaScript">
pic = new Image();
pic1 = new Image();
pic1.src = "objetos/congresos1.PNG";
pic2 = new Image();
pic2.src = "objetos/congresos2.PNG";
pict = new Image();
pict1 = new Image();
pict1.src = "objetos/grupos-nuevos1.PNG";
pict2 = new Image();
pict2.src = "objetos/grupos-nuevos2.PNG";
pictu = new Image();
pictu1 = new Image();
pictu1.src = "objetos/novedades1.PNG";
pictu2 = new Image();
pictu2.src = "objetos/novedades2.PNG";
pictur = new Image();
pictur1 = new Image();
pictur1.src = "objetos/tienda-y-souvenir1.PNG";
pictur2 = new Image();
pictur2.src = "objetos/tienda-y-souvenir2.PNG";
picture = new Image();
picture1 = new Image();
picture1.src = "objetos/foro1.PNG";
picture2 = new Image();
picture2.src = "objetos/foro2.PNG";
function flip(pic, r)
{
if(r == 2)
{
source = eval(pic + "2.src");
document.src = source;
}
if(r == 1)
{
source = eval(pic + "1.src");
document.src = source;
}
}
function link()
{
}
</SCRIPT>
</head>
<body>
<div id="global">
<div id="cabecera"><div id="logo">[contenido no disponible]</div><div id="propaganda">hey tu anunciate aqui</div></div>
<div id="contenido"><div id="menu">[contenido no disponible]
<ul>
</div>
<h1>NO CIERRES TUS OIDOS</h1>
Según la filosofía de su construcción, el procesamiento puede ser: centralizado, descentralizado o distribuido, y de acuerdo a la envergadura de algunas compañías, una mezcla e ellos.
Cada una de estas filosofías apunta a resolver los distintos problemas que puede enfrentar una Empresa, en relación con el procesamiento de datos, y a su vez, contemplan las pautas políticas con que cada Empresa encara la resolución de sus problemas.
Como vemos, los equipos de computación abarcan un amplio espectro en lo que hace a la problemática empresarial, y esto es así, porque de esta forma los proveedores de equipos se aseguran una mayor penetración en el mercado.
Cada filosofía establece un diseño o arquitectura de construcción de cada dispositivo de la "maquina", y es en función de esas pautas que se determinan el tamaño, capacidad, velocidad, etc., de cada componente del sistema.
Por lo expuesto, resulta imprescindible el conocimiento del "problema" de la Empresa, antes de iniciar la evaluación técnica que permita definir la filosofía, arquitectura y tipo de procesamiento a emplear.
Por tal motivo, será necesario conocer y comprender las particularidades del "Negocio" de la Empresa, que además evitara desvíos en la caracterización de sus problemas por consideraciones de tipo teórico fuera de su contexto.
Por otra parte, se deberán analizar los motivos por los cuales la Empresa decide invertir en equipos de computación. Estos pueden ser:
1. Por encontrarse en etapa de expansión
2. Por prever una futura etapa de expansión
3. Por encontrarse en etapa de recesión (Necesidad critica de reducir costos)
En los dos primeros casos, el desarrollo de sistemas esta ligado al desarrollo de la Empresa, por tal motivo, invierte en computación.
En el tercer caso, la inversión en computación forma parte de un "Plan de Austeridad" y entonces, solo el ahorro inmediato justifica la misma.
Puede observarse que, en cada caso, las restricciones sobre el proyecto actúan de manera diferente, y son un condicionante critico tanto para definir la configuración, como para dimensionar la instalación, si bien en los tres casos estamos frente a un "Estudio de Factibilidad para incorporar un computador".
Generalmente, suele pensarse que el diseño de la configuración de una instalación solo depende del volumen de información a procesar, y que una vez cuantificada esta variable el responsable del proyecto decide cuantas terminales, impresoras, etc., necesita.</p>
<div id="datos"><h1>MUSICA</h1>
<div id="opcion"><h1>ALABANZAS</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>ELECTRO & DANCE</h1>
Da clik aqui</p></div>
<div id="opcion"><h1>SALSA & MERENGUE</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>RAP & HIP HOP</h1>
Da clik aqui</p></div>
<div id="opcion"><h1>ROCK & METAL</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>REGAETON</h1>
Da clik aqui</p></div>
</div>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">propaganda o pginas de visitas</div>
<div id="pietres">
<ul>
</div>
</div>
</div>
</body>
</html>
y este es el de la hoja de estilo
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; font-family:Comic Sans MS, Helvetica, sans-serif}
h1 {font-size: 1.6em; color:#0000cc ; font-weight: bold ; text-decoration: underline ; text-align: center}
body {background-color:black ;background-image: url(objetos/sin-señal.gif); text-align: center}
#global {width:800px; margin: 4px auto}
#cabecera {background-color: red; height:85px }
#logo { width:280px; float:left }
#propaganda {background-color: red; width:468px; float:right; margin-top:25px; font-size: 16px }
#contenido {background-color: red}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 228px; float:left; text-align:center; margin-right: 10px; background-color: red; background-position: bottom; padding-bottom:5px }
#menu li { list-style:none; margin: 4xp 0xp 4xp 6xp}
#menu-propaganda {width: 228px; float:left; margin-right: 10px; background-color: red; background-position: bottom; padding-bottom:5px}
#datos {width:540px; background-color:red; text-align: center}
#datos h1 {color: black; text-decoration: none}
#opcion {text-align: center; width: 260px;float:left; background-image: url(objetos/cuadro-inferior.PNG); text-align:center; margin-right: 10px; background-position: bottom; margin-bottom:5px}
#opcion a {color: #ffffff; list-style:none; margin: 4xp 0xp 4xp 6xp}
#opcion a:hover { color:#cc00cc; text-decoration:underline }
#opcion h1 {color:#ffffff; text-decoration:none; font-size:15px; background-image: url(objetos/cuadro-superior.PNG); padding-top:12px }
#opcion p {color: #ffffff; text-align: center; font-size:13px}
#opcion2 {text-align: center; width: 260px;float:right; background-image: url(objetos/cuadro-inferior.PNG); text-align:center; margin-right: 10px; background-position: bottom; margin-bottom:5px}
#opcion2 a {color: #ffffff; list-style:none; margin: 4xp 0xp 4xp 6xp}
#opcion2 a:hover { color:#cc00cc; text-decoration:underline }
#opcion2 h1 {color:#ffffff; text-decoration:none; font-size:15px; background-image: url(objetos/cuadro-superior.PNG); padding-top:12px }
#opcion2 p {color: #ffffff; text-align: center; font-size:13px}
#formulario {width: 250px; background-color:red; text-align: center; font-family:Berlin Sans FB, Helvetica, sans-serif}
#pie { background-color: red; height: 65px }
#pieuno { float:left; width: 150px }
#piedos { float:left;width: 498px }
#pietres { float:left; width: 150px }
a {text-decoration: none}
#pie a { color: blue; text-decoration:none; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover { color:black; text-decoration:underline; background-color: white }
#pie a:active { color:black }
y este es mi web
http://www.genesays.co.cc/
El problema esta en que la imagen se llama "sin-señal.gif"
Las ñ no son soportadas.
body {background-color:black ;background-image: url(objetos/sin-señal.gif); text-align: center} Las ñ no son soportadas.