Mi web en el html-kit se ve perfecta http://musikehando.iespana.es/ pero cuando la subo por ejemplo en la pagina principal:
-La columna derecha naranja sale muy a la derecha (antes estaba casi pegada al texto)
-la barra horizontal de enlaces sale desplazada a un lado, cuando la tenia debajo justo del logo y de la foto
-el fondo que sale detras del texto esta cortado, cuando antes aparecia en todo el texto
-el logo y la foto estan desaparecidas
si alguien es tan amable de contestar...mi hoja de estilos para esa pagina es:
#global{background-color: white;width:800px}
* {text-indent:0px ; margin:5px ; padding:0px ; border:1px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ;
text-align: center}
#logotipo {width:580px;height :200px; float:left; margin: 10px 0px 0px 15px }
#logotipo2 {width:600px;height :200px; float:left; margin: 0px 0px 0px 10px }
#gif {background-image: url(objetos/page.jpg); background-repeat:no repeat;width:190px;height:180px; margin: 20px 0px 0px 10px}
#navegacion3 {border: black 1px solid; margin: 10px 0px 0px 15px
;float:right}
#navegacion {background-image: url(objetos/fondomusica2.gif); width: 770px; border: black 1px solid ;height:20px;float:right; margin-left: 40px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 150px }
#anuncios { border: black 1px solid;width:150px;height :500px;float:right;text-align: center ; font-size:12px;background-image:url(objetos/logo4.bmp); margin-left: 40px }
#anuncios2 { border: black 1px solid; margin:5px;width:170px;height :600px;float:right;text-align: center ; font-size:12px;background-image:url(objetos/logo4.bmp)}
#fons {background-image: url(objetos/fondomusica.gif);width: 400px;height:400px;text-align:right }
#fons13 {background-image: url(objetos/fondomusica.gif);width: 580px;height:400px;text-align:right; margin-left:26px }
#menu {margin: 2px 2px 2px 18px ; text-indent: 15px;
float:left ;
text-align:center ;
background-position: bottom ;background-image:url(objetos/logo4.bmp);
padding-bottom:5px; border: black 1px solid;width:150px;height :500px }
#menu li {list-style:none ; margin: 2px 2px 2px 10px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px }
#bustia {width:50px;height:60px; background-image: url(buzon/fondo022.gif);margin-right:250px }
#menu2 {background-image:url(objetos/logo4.bmp) ; width: 767px ; float:center; border: black 1px solid;
background-position: bottom ;
padding-bottom:0px; margin-left:35px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}
-La columna derecha naranja sale muy a la derecha (antes estaba casi pegada al texto)
-la barra horizontal de enlaces sale desplazada a un lado, cuando la tenia debajo justo del logo y de la foto
-el fondo que sale detras del texto esta cortado, cuando antes aparecia en todo el texto
-el logo y la foto estan desaparecidas
si alguien es tan amable de contestar...mi hoja de estilos para esa pagina es:
#global{background-color: white;width:800px}
* {text-indent:0px ; margin:5px ; padding:0px ; border:1px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ;
text-align: center}
#logotipo {width:580px;height :200px; float:left; margin: 10px 0px 0px 15px }
#logotipo2 {width:600px;height :200px; float:left; margin: 0px 0px 0px 10px }
#gif {background-image: url(objetos/page.jpg); background-repeat:no repeat;width:190px;height:180px; margin: 20px 0px 0px 10px}
#navegacion3 {border: black 1px solid; margin: 10px 0px 0px 15px
;float:right}
#navegacion {background-image: url(objetos/fondomusica2.gif); width: 770px; border: black 1px solid ;height:20px;float:right; margin-left: 40px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 150px }
#anuncios { border: black 1px solid;width:150px;height :500px;float:right;text-align: center ; font-size:12px;background-image:url(objetos/logo4.bmp); margin-left: 40px }
#anuncios2 { border: black 1px solid; margin:5px;width:170px;height :600px;float:right;text-align: center ; font-size:12px;background-image:url(objetos/logo4.bmp)}
#fons {background-image: url(objetos/fondomusica.gif);width: 400px;height:400px;text-align:right }
#fons13 {background-image: url(objetos/fondomusica.gif);width: 580px;height:400px;text-align:right; margin-left:26px }
#menu {margin: 2px 2px 2px 18px ; text-indent: 15px;
float:left ;
text-align:center ;
background-position: bottom ;background-image:url(objetos/logo4.bmp);
padding-bottom:5px; border: black 1px solid;width:150px;height :500px }
#menu li {list-style:none ; margin: 2px 2px 2px 10px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px }
#bustia {width:50px;height:60px; background-image: url(buzon/fondo022.gif);margin-right:250px }
#menu2 {background-image:url(objetos/logo4.bmp) ; width: 767px ; float:center; border: black 1px solid;
background-position: bottom ;
padding-bottom:0px; margin-left:35px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}