errores al subir web

Buenas, siguiendo con el curso he subido lo que tengo creado de la web que estoy intentando montar, de momento los errores q aprecio son:

_ No se ven las imagenes que he puesto de fondo en algunas capas (x ejemplo en la de contenido) ni en el internet explorer ni en el mozilla.

_En el mozilla el menu lateral no se ve correctamente mientras que en el internet explorer si.

la pagina en pruebas es esta: http://chopinete.onlinewebshop.net/

que es lo que estoy haciendo mal?

la hoja de estilos que tengo asociada es esta:

* {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 }
#cabecera {background-color: white ; width:800px ; height:130px}
#logotipo {width:800px ; height:130px ; float:left }

#temas-abajo {MARGIN: 30px 0px 0px 0px; WIDTH: 800px}
#temas-abajo DIV {BACKGROUND-IMAGE: url(objetos/botontema.gif); FLOAT: right; OVERFLOW: hidden; WIDTH: 146px; HEIGHT: 25px; TEXT-ALIGN: center}
#temas-abajo DIV A {DISPLAY: block; COLOR: #000; LINE-HEIGHT: 32px; COLOR: black ; text-decoration: none }
#temas-abajo DIV A:LINK {text-decoration: none }
#temas-abajo DIV A:VISITED {text-decoration: none }
#temas-abajo DIV A:HOVER {FONT-WEIGHT: bold; text-decoration: none }
#temas-abajo DIV A:ACTIVE {COLOR: red ; text-decoration: none }

#separacion {BACKGROUND-IMAGE: url(images/fondo.gif) ; width: 800px ; float:left }
#separacion p {color: white ; font-weight: bold}

#contenido { BACKGROUND-IMAGE: url(images/marinvertido.jpg); width: 800px ; float:left ; margin: 0px 0px 0px 0px ; padding: 20px 0px 0px 0px}
#contenido p {padding: 5px 10px 5px 10px ; margin: 0px 10px 0px 20px }

#menu h1 {font-size:12px ; color:#FFA3D1 ; BACKGROUND-IMAGE: url(objetos/menucurvasuperior.gif) ; font-weight: bold ; text-decoration: none ; text-align: center ; padding:5px 0px 5px 0px }}
#menu {BACKGROUND-IMAGE: url(objetos/menuparteinferior.gif) ; background-position: bottom ; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none ; text-align:left ; margin: 8px 8px 10px 8px ; font-size:12px }
#menu a:link {color: black; font-size:1.0em ; text-decoration: none ; display: block}
#menu a:visited {color: black; font-size:1.0em ; text-decoration: none ; display: block}
#menu a:hover {color: black; font-size:1.5em ; text-decoration: none ; display: block ; background-color: silver}
#menu a:active {color: black; font-size:1.5em ; text-decoration: underline ; display: block}
#menu {................... margin:5px 10px 5px 5px}

#pie {background-color: white ; width: 800px}
#pie { height: 65px }
#pieuno {background-color: brown ; float:left ; width:150px }
#piedos {background-color: white ; float:left ; width:498px }
#piedos p {font-size:11px ; color: black ; font-weight: bold ; text-decoration: none ; text-align: center}
#pietres {background-color: white ; float:left ; width:150px }l

hola amigo no te puedo ayudar xq no se casi :D pero me gustaria que me dijeras como colocaste los botones del menu horizontal o hay una guia para hacer eso ayudame xfa te lo agradesco y gracias

mensoqui escribió:hola amigo no te puedo ayudar xq no se casi :D pero me gustaria que me dijeras como colocaste los botones del menu horizontal o hay una guia para hacer eso ayudame xfa te lo agradesco y gracias

Hola, claro, es muy facil mira tienes en la web del curso paso a paso la plantilla de esa propia web: http://www.comocreartuweb.com/herramientas-utiles/plantillas-introd…
ahi tienes las imagenes de los botones yo las saque de ahi; luego tienes en mi hoja de estilos las lineas q dicen que quieres que el menu horizontal lleve los botones, que son estas:
#temas-abajo {MARGIN: 30px 0px 0px 0px; WIDTH: 800px}
#temas-abajo DIV {BACKGROUND-IMAGE: url(objetos/botontema.gif); FLOAT: right; OVERFLOW: hidden; WIDTH: 146px; HEIGHT: 25px; TEXT-ALIGN: center}
#temas-abajo DIV A {DISPLAY: block; COLOR: #000; LINE-HEIGHT: 32px; COLOR: black ; text-decoration: none }
#temas-abajo DIV A:LINK {text-decoration: none }
#temas-abajo DIV A:VISITED {text-decoration: none }
#temas-abajo DIV A:HOVER {FONT-WEIGHT: bold; text-decoration: none }
#temas-abajo DIV A:ACTIVE {COLOR: red ; text-decoration: none }

Por ultimo solo te faltaria en el html poner el div (lo puedes ver tb en mi pagina) y cambiarle los textos a tu gusto...
si tienes alguna duda mas o no m he explicado bien aqui estoy para ayudarte en lo q pueda

mensoqui escribió:hola amigo no te puedo ayudar xq no se casi :D pero me gustaria que me dijeras como colocaste los botones del menu horizontal o hay una guia para hacer eso ayudame xfa te lo agradesco y gracias

Hola, claro, es muy facil mira tienes en la web del curso paso a paso la plantilla de esa propia web: http://www.comocreartuweb.com/herramientas-utiles/plantillas-introd…
ahi tienes las imagenes de los botones yo las saque de ahi; luego tienes en mi hoja de estilos las lineas q dicen que quieres que el menu horizontal lleve los botones, que son estas:
#temas-abajo {MARGIN: 30px 0px 0px 0px; WIDTH: 800px}
#temas-abajo DIV {BACKGROUND-IMAGE: url(objetos/botontema.gif); FLOAT: right; OVERFLOW: hidden; WIDTH: 146px; HEIGHT: 25px; TEXT-ALIGN: center}
#temas-abajo DIV A {DISPLAY: block; COLOR: #000; LINE-HEIGHT: 32px; COLOR: black ; text-decoration: none }
#temas-abajo DIV A:LINK {text-decoration: none }
#temas-abajo DIV A:VISITED {text-decoration: none }
#temas-abajo DIV A:HOVER {FONT-WEIGHT: bold; text-decoration: none }
#temas-abajo DIV A:ACTIVE {COLOR: red ; text-decoration: none }

Por ultimo solo te faltaria en el html poner el div (lo puedes ver tb en mi pagina) y cambiarle los textos a tu gusto...
si tienes alguna duda mas o no m he explicado bien aqui estoy para ayudarte en lo q pueda

gracias mi pana ya lo e colocado pero quiero que todo me salga centrado si puedes te metes en mi web y lo ves :D

mensoqui escribió:gracias mi pana ya lo e colocado pero quiero que todo me salga centrado si puedes te metes en mi web y lo ves :D

quitale el "float right" de la hoja de estilos a la capa de los botones y luego es ir jugando con los margenes hasta dejarla donde quieres...

no consigo ese float right jeje me disculpas donde sale q no lo veo :D

mensoqui escribió:no consigo ese float right jeje me disculpas donde sale q no lo veo :D

#temas-abajo {MARGIN: 30px 0px 0px 0px; WIDTH: 800px}
#temas-abajo DIV {BACKGROUND-IMAGE: url(objetos/botontema.gif); FLOAT: right; OVERFLOW: hidden; WIDTH: 146px; HEIGHT: 25px; TEXT-ALIGN: center}
#temas-abajo DIV A {DISPLAY: block; COLOR: #000; LINE-HEIGHT: 32px; COLOR: black ; text-decoration: none }
#temas-abajo DIV A:LINK {text-decoration: none }
#temas-abajo DIV A:VISITED {text-decoration: none }
#temas-abajo DIV A:HOVER {FONT-WEIGHT: bold; text-decoration: none }
#temas-abajo DIV A:ACTIVE {COLOR: red ; text-decoration: none }

es el que te marco en negrita.

yo lo tengo en left, pero si se lo kito me aparece una debajo de otra centrada como una lista pero yo la kiero es horizontal :D quien nos ayuda