tengo un problemilla:
la página se ve bien en en html-kit local, pero no en html-kit internet .En esta no se ve con los estilos generales, sin embargo en la web se ve colgada con los estilos.....
http://lawebdeantoniogallardo74.onlinewebshop.net/
esta es el codigo de la pagina index de html-kit internet
<!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>Página Oficial de la banda de rock IDEALES</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.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">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>Portada Historia
Discografía <a href="conciertos/conciertos.h
tml">Conciertos</a> Descargas <a href="foro/
foro.html">Foro</a> Souvenirs
</div>
<div id="contenido">
<h1>Página Oficial de la banda de rock IDEALES</h1>
Esto es todo lo que ocurrio en la banda de rock IDEALES</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
esta es la codigo de estilos general
* {text-indent:0px;margin:0px ; padding:0px ; border: 0px}
p {text-align:justify}
h1 {font-size: 1.2em; color:blue ; 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 {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: white; border-left: black 1px solid ;
border-right: black 1px solid; height:85px }
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right;; margin-top:25px ; font-size: 16px}
#navegacion {background-color: gray;border: black 1px solid;height:20px }
#navegacion li {float:left;list-style:none;margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 80px }
#contenido {background-color: orange ;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: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
height: 65px }
#pie li {list-style: none;font-size: 12px }
#pieuno {float:left ; width:150px;font-size:12px }
#piedos {background-color: white ; float:left ; width:496px }
#pietres {float:left ; width:150px;font-size: 12px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow: hidden}
a {color: brown; text-decoration: none;display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline;background-color: silver}
a:active {}
#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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
la página se ve bien en en html-kit local, pero no en html-kit internet .En esta no se ve con los estilos generales, sin embargo en la web se ve colgada con los estilos.....
http://lawebdeantoniogallardo74.onlinewebshop.net/
esta es el codigo de la pagina index de html-kit internet
<!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>Página Oficial de la banda de rock IDEALES</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.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">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
tml">Conciertos</a>
foro.html">Foro</a>
</div>
<div id="contenido">
<h1>Página Oficial de la banda de rock IDEALES</h1>
Esto es todo lo que ocurrio en la banda de rock IDEALES</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
esta es la codigo de estilos general
* {text-indent:0px;margin:0px ; padding:0px ; border: 0px}
p {text-align:justify}
h1 {font-size: 1.2em; color:blue ; 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 {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: white; border-left: black 1px solid ;
border-right: black 1px solid; height:85px }
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right;; margin-top:25px ; font-size: 16px}
#navegacion {background-color: gray;border: black 1px solid;height:20px }
#navegacion li {float:left;list-style:none;margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 80px }
#contenido {background-color: orange ;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: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
height: 65px }
#pie li {list-style: none;font-size: 12px }
#pieuno {float:left ; width:150px;font-size:12px }
#piedos {background-color: white ; float:left ; width:496px }
#pietres {float:left ; width:150px;font-size: 12px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow: hidden}
a {color: brown; text-decoration: none;display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline;background-color: silver}
a:active {}
#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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}