Hola
Estoy tratando de construir mi web después de haber hecho el curso paso a paso y por mucho que lo he intentado no consigo verlo bien con EXPLORER y en OPERA.
- En OPERA y EXPLORER el logo se ve con un perfil blanco y roto muy feo.
- En OPERA los textos del menú me saltan de línea y desplazan el contenido hacía abajo.
-En EXPLORER: en el menu ha desaparecido un trozo de la barra (he repasado las medidas del menu que está hecho por DIVs y creo que no me he pasado de largo) y la capa PIE se desplaza.
-Tampoco consigo poner mi nombre "Guillermo M..C.. Artista pintor" alineado a la derecha y en dos líneas (solo lo consigo con un salto de línea
Os paso la URL y el código.
Mil gracias por vuestra ayuda
Willy
http://www.arteabuenprecio.com/presentacion.htm
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {font-family: arial, verdana, sans-serif;text-align: justify;font-style: normal;font-size: 0.72em; text-align: justify;margin: 12px 80px 10px 90px; }
body {background-color:#173942;}
#fondo {width: 850px ;height:566px ;margin:50px auto}
#cabecera {background-color: #71C3C7 ;background-image: url(objetos/cabacera.jpg);width: 850px ; height:70px}
#logo {padding: 11px 0px 0px 30px}
#menu { width: 665px; height:20px;float:left;}
#menu1 {background-color: #2B8275 ; width: 130px ; height:20px;float:left;border-right: white 1px solid;float:left}
#menu2 {background-color: #2B8275 ; width: 100px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu3 {background-color: #2B8275 ; width: 78px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu4 {background-color: #2B8275 ; width: 84px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu5 {background-color: #2B8275 ; width: 66px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu6 {background-color: #2B8275 ; width: 71px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu7 {background-color: #2B8275 ; width: 130px; height:20px;float:left;}
#menu li {font-family: arial, verdana, sans-serif;font-size: 12px;font-style: normal;letter-spacing: 1px;float:left;list-style:none; margin: 3px 0px 2px 10px }
#flechaiz {float:left;margin: 3px 0px 0px 20px }
#flechade {float:right;margin: 3px 20px 0px 0px }
#contenido {width: 665px; height:456px; background-color: #EFF3E2 ;float:left ;OVERFLOW: auto}
#texto {margin: 40px 0px 0px 0px;}
#imagenlateral { width: 185px;height:496px;float:right;}
#pie {background-color: #2B8275 ; width: 665px; height:20px;float:left;}
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:orange ;}
a:active { }
Estoy tratando de construir mi web después de haber hecho el curso paso a paso y por mucho que lo he intentado no consigo verlo bien con EXPLORER y en OPERA.
- En OPERA y EXPLORER el logo se ve con un perfil blanco y roto muy feo.
- En OPERA los textos del menú me saltan de línea y desplazan el contenido hacía abajo.
-En EXPLORER: en el menu ha desaparecido un trozo de la barra (he repasado las medidas del menu que está hecho por DIVs y creo que no me he pasado de largo) y la capa PIE se desplaza.
-Tampoco consigo poner mi nombre "Guillermo M..C.. Artista pintor" alineado a la derecha y en dos líneas (solo lo consigo con un salto de línea
Os paso la URL y el código.
Mil gracias por vuestra ayuda
Willy
http://www.arteabuenprecio.com/presentacion.htm
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {font-family: arial, verdana, sans-serif;text-align: justify;font-style: normal;font-size: 0.72em; text-align: justify;margin: 12px 80px 10px 90px; }
body {background-color:#173942;}
#fondo {width: 850px ;height:566px ;margin:50px auto}
#cabecera {background-color: #71C3C7 ;background-image: url(objetos/cabacera.jpg);width: 850px ; height:70px}
#logo {padding: 11px 0px 0px 30px}
#menu { width: 665px; height:20px;float:left;}
#menu1 {background-color: #2B8275 ; width: 130px ; height:20px;float:left;border-right: white 1px solid;float:left}
#menu2 {background-color: #2B8275 ; width: 100px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu3 {background-color: #2B8275 ; width: 78px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu4 {background-color: #2B8275 ; width: 84px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu5 {background-color: #2B8275 ; width: 66px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu6 {background-color: #2B8275 ; width: 71px; height:20px;float:left;border-right: white 1px solid;float:left}
#menu7 {background-color: #2B8275 ; width: 130px; height:20px;float:left;}
#menu li {font-family: arial, verdana, sans-serif;font-size: 12px;font-style: normal;letter-spacing: 1px;float:left;list-style:none; margin: 3px 0px 2px 10px }
#flechaiz {float:left;margin: 3px 0px 0px 20px }
#flechade {float:right;margin: 3px 20px 0px 0px }
#contenido {width: 665px; height:456px; background-color: #EFF3E2 ;float:left ;OVERFLOW: auto}
#texto {margin: 40px 0px 0px 0px;}
#imagenlateral { width: 185px;height:496px;float:right;}
#pie {background-color: #2B8275 ; width: 665px; height:20px;float:left;}
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:orange ;}
a:active { }