Amigos he podido llegar al final de la primera parte y obtener un resultado "optimo", luego de 2 intentos fallidos (fui por el camino poniendole cosas mias a pesar de las indicaciones, sorry), el problema es que en el mozilla no me cargan las imagenes, y en el opera ek menudesplegable no funciona, les dejo el link de mi pagina (que en realidad es un regalo sorpresa para mi señora) y el codigo de estilos:
Pagina: http://vicata.onlinewebshop.net/plantilla.html
Gracias por su ayuda
Salu2
Pagina: http://vicata.onlinewebshop.net/plantilla.html
*{margin:0px ; padding: 0px; border: 0px}
p{text-align:justify}
h1{font-size:1.3em ; 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}
h3{font-size:0.8em ; color:#8B3A3A ; font-weight:bold ; text-decoration:none ; text-align:left}
h4{font-size:1em ; color:#8968CD; font-weight:cursive ; text-decoration:none ; text-align:left}
body{margin-left:90px}
#global{width:800px ; margin:4px auto}
#cabecera {background-color: white ; border-right: black 1px solid ; border-top: black 0px solid ; border-left: black 1px solid ; height:150px}
#logotipo{background-image:blue ; width:280px ;float:left }
#publicidad{background-image:brown ; width:518px ; float:right ; margin-top:50px}
#navegacion{background-color: #EE82EE ; border: black 1px solid ; height:20px}
#navegacion li{list-style:none ; float:left ; margin: 0px 20px 0px 20px}
#navegacion ul{margin-left:180px}
#contenido{background-color: orange ; width:auto ; border-left: black 1px solid; border-right:black 1px solid}
#contenido p{padding:5px 10px 5px 10px ; text-indent:20px}
#menu{background-color: #FFDAB9 ; width:150px ; float:left ; text-align:left ; margin:10px 3px 3px 5px ; background-image:url(objetos/menu-parte-inferior.gif); background-position:bottom ; padding-bottom:10px}
#menu li{list-style:none ; margin:4px 8px 4px 6px ;}
#menu h3{text-decoration:none ; text-align:center ; font-size:10px ; background-image:url(objetos/menu-parte-superior.gif)}
#pie{background-color: white ; border-right: black 1px solid ; border-top: black 1px solid ; border-left: black 1px solid ; border-bottom:0px ; height:65px ; text-align:center}
#pie li{list-style:none ; font-size:12px}
#pieuno{background-color:white ; float:left ; width:150px}
#piedos{background-color:white ; float:left ; width:498px}
#pietres{background-color:white ; float:left ; width:150px}
#curva-superior{background-image:url(objetos/curva-superior.gif) ; background-repeat:no-repeat ; width:800px ; height:12px ; overflow:hidden}
#curva-inferior{background-image:url(objetos/curva-inferior.gif) ; background-repeat:no-repeat ; width:800px ; height:12px ; overflow:hidden}
a{color:blue ; font-size:1em ; text-decoration:none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline; font-size:1em ; 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 {}Gracias por su ayuda
Salu2