Entrar

SIGO SIN VER BIEN MI PÁGINA EN FIREFOX, AUDADME.........

magdafer · · Solicitar retirada
Tengo un problema,mi página en explorer se vé perfecta, y en el firefox, no, le faltan, bordes.....Sbe aglguien cual es el problema, os mando mi dirección.

http://lawebdemagda.mywebcommunity.org//plantilla.html


OS ENVIO MI HOJA DE ESTILOS CSS. CORREGIDA.........* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
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-rigth:black 1px solid;height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right; margin-top:25px}


#navegacion {background-color: gray;border:black 1px solid }
#contenido {background-color:orange;border-left: black 1px solid; border-right:black 1px solid }
#contenido p {padding:5px 10px 5px 10px ; text-indent: 15px }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right:10px ;
margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color:white ; border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif);
background-repeat:no-repeat;
width:800px;
heigth:12px;
overflow:hidden}
a {color: brown ; text-decoration:none ; display: block }
a:link{}
a:visited{}
a:hover{color:red ; tex-decoration:underline ; background-color: silver}
a:active{}
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-weigth:bold;text-decoration:none;text-align:center}
Raulyure · · Solicitar retirada
magdafer escribió:
magdafer escribió:Tengo un problema,mi página en explorer se vé perfecta, y en el firefox, no, le faltan, bordes.....Sbe aglguien cual es el problema, os mando mi dirección.

http://lawebdemagda.mywebcommunity.org//plantilla.html




QUE ALGUIEN ME DIGA ALGO POR FAVOR
Hola:
Primero le pondré casi todos los códigos que usted tiene en su hoja de estilos-generales.css.

* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
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 reigth:black 1px solid;border top:black 1px solid;
border-top:black 1px solid}
#navegacion {background-color: gray;border:black 1px solid }
#contenido {background-color:orange;border-left: black 1px solid; border-right:black 1px solid }
#contenido p {padding:5px 10px 5px 10px ; text-indent: 15px }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right:10px ;
margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color:white ; border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif);
background-repeat:no repeat;
width:800px;
heigth:12px;
overflow:hidden}
a {color: brown ; text-decoration:none ; display: block }
a:link{}
a:visited{}
a:hover{color:red ; tex-decoration:underline ; background-color: silver}
a:active{}
p{text-align:justify}
h1 {font-size:1.2em; color:blue;font-weight:bold;text-decoration:underline;text-align:center}
h etc.etc.

Usted en su capa o div cabecera, tiene puestos unos bordes :
#cabecera {background-color:white ;border-left:black 1px solid; border reigth:black 1px solid;border top:black 1px solid;
border-top:black 1px solid}

Como ve tiene borde izquierdo, borde derecho, también tiene borde arriba o top, pero es que también lo tiene puesto dos veces el border top
La capa cabecera según el curso solo necesita dos bordes, el izquierdo y el derecho, ya que para eso en la parte de arriba tiene puesta la curva superior que hace de border top.
esos dos border-top están demás.
Ahora, el border reigth: le sugiero que ponga right
También, entre la palabra border y la siguiente palabra lleva un guión medio por ejemplo:
border-left:black 1px solid;
border-right:black 1px solid;

Ahora, cuando usted le pone los atributos a las curvas y pone background-repeat:no repeat;
Entre el no y el repeat también va un guión medio
Ejemplo:
background-repeat:no-repeat;
Bueno eso le puedo decir por ahora
Saludos
Agradecido de los que aprenden enseñando
magdafer · · Solicitar retirada
Raulyure escribió:
magdafer escribió:
magdafer escribió:Tengo un problema,mi página en explorer se vé perfecta, y en el firefox, no, le faltan, bordes.....Sbe aglguien cual es el problema, os mando mi dirección.

http://lawebdemagda.mywebcommunity.org//plantilla.html




QUE ALGUIEN ME DIGA ALGO POR FAVOR
Hola:
Primero le pondré casi todos los códigos que usted tiene en su hoja de estilos-generales.css.

* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
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 reigth:black 1px solid;border top:black 1px solid;
border-top:black 1px solid}
#navegacion {background-color: gray;border:black 1px solid }
#contenido {background-color:orange;border-left: black 1px solid; border-right:black 1px solid }
#contenido p {padding:5px 10px 5px 10px ; text-indent: 15px }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right:10px ;
margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color:white ; border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif);
background-repeat:no repeat;
width:800px;
heigth:12px;
overflow:hidden}
a {color: brown ; text-decoration:none ; display: block }
a:link{}
a:visited{}
a:hover{color:red ; tex-decoration:underline ; background-color: silver}
a:active{}
p{text-align:justify}
h1 {font-size:1.2em; color:blue;font-weight:bold;text-decoration:underline;text-align:center}
h etc.etc.

Usted en su capa o div cabecera, tiene puestos unos bordes :
#cabecera {background-color:white ;border-left:black 1px solid; border reigth:black 1px solid;border top:black 1px solid;
border-top:black 1px solid}

Como ve tiene borde izquierdo, borde derecho, también tiene borde arriba o top, pero es que también lo tiene puesto dos veces el border top
La capa cabecera según el curso solo necesita dos bordes, el izquierdo y el derecho, ya que para eso en la parte de arriba tiene puesta la curva superior que hace de border top.
esos dos border-top están demás.
Ahora, el border reigth: le sugiero que ponga right
También, entre la palabra border y la siguiente palabra lleva un guión medio por ejemplo:
border-left:black 1px solid;
border-right:black 1px solid;

Ahora, cuando usted le pone los atributos a las curvas y pone background-repeat:no repeat;
Entre el no y el repeat también va un guión medio
Ejemplo:
background-repeat:no-repeat;
Bueno eso le puedo decir por ahora
Saludos



SIGO SIN VER BIEN MI PÁGINA EN FAIREFOX.......AYUDADME........


Hhe corregito todo en mi hoja de estilos css, y sigo viendolo mal en firefox, os vuelvo a mandar mi hoja de stilos corregida.


* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
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-rigth:black 1px solid;height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right; margin-top:25px}


#navegacion {background-color: gray;border:black 1px solid }
#contenido {background-color:orange;border-left: black 1px solid; border-right:black 1px solid }
#contenido p {padding:5px 10px 5px 10px ; text-indent: 15px }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right:10px ;
margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color:white ; border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif);
background-repeat:no-repeat;
width:800px;
heigth:12px;
overflow:hidden}
a {color: brown ; text-decoration:none ; display: block }
a:link{}
a:visited{}
a:hover{color:red ; tex-decoration:underline ; background-color: silver}
a:active{}
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-weigth:bold;text-decoration:none;text-align:center}