Haciendo unos ajustes a mí página veo que mi pié está algo extraño. Como lo afecta en todas las paginas es cuestión de la hoja de estilos. El pie 2 se muestra mucho a la izquierda y el pie 3 está muy abajo. No se que sea:confused:
universoacuatico.tk
aquí mi hoja de estilos
* {
text-indent: 0;
margin: 0;
padding: 0;
border: 0;
}
p {
text-align: justify;
color: white;
font-family: Myriad Pro Light,Adobe Fan Heiti Std B,Kozuka Gothic Pro B,Calibri,Arial;
}
h1 {
font-family: Candara, Corbel, DejaVu Sans Condensed; font-size: 1.2em;
color: red;
font-weight: bold ;
text-decoration: none;
text-align: center;
}
h2 {
font-family: Candara, Corbel, DejaVu Sans Condensed;
font-size:1.1em;
color: orangered;
font-weight: bold;
text-decoration: none;
text-align: center;
}
body {
text-align: center;
}
#global {
width: 960px;
margin: 4px auto;
}
#cabecera {
background-color: white;
border-left: black 0px solid;
border-right: black 0px solid;
height: 85px;
}
#logotipo {
width: 280px;
float:left;
}
#publicidad {
width: 518px;
float: right;
margin-top: 25px;
font-size: 16px;
font-family: Candara, Corbel, DejaVu Sans Condensed;
}
#navegacion {
background-image:url(objetos/navbar.gif) ; border: black 0px solid;
height: 40px;
}
#navegacion li {
font-size:18px;
float: left;
list-style: none;
font-family: Myriad Pro Light,Adobe Fan Heiti Std B,Kozuka Gothic Pro B,Calibri,Arial;
margin: 5px 20px 0px 20px;
}
#navegacion ul {
margin-left: 75px;
}
#contenido {
background-color: white;
border-left: black 1px solid;
border-right: black 1px solid;
background-image:url(objetos/animales10.jpg);
}
#contenido p {
margin: 5px 10px 0px 10px;
text-indent: 15px;
}
#menu {
width: 150px;
float: left;
text-align: left;
margin: 5px 10px 5px 3px;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom;
padding-bottom: 5px;
}
#menu li {
list-style: none;
margin: 4px 8px 4px 6px;
}
#menu h1 {
text-decoration: none;
font-size: 12px;
padding-top:12px;
background-image: url(objetos/menu-parte-superior.gif); }
#pie {
background-color: white;
border-left: black 0px solid;
border-right: black 0px solid;
border-top: black 0px solid;
height: 65px ;
width: auto;
}
#pie li {
list-style: none;
font-size: 12px;
font-family: Candara, Corbel, DejaVu Sans Condensed; }
#pieuno {
float: left;
width: 230px;
height:65px;
}
#piedos {
width: 500px;
font-family: Candara, Corbel, DejaVu Sans Condensed;
height:auto; }
#pietres {
float: right;
width: 230px;
height:65px; }
a {
color: ; gold
text-decoration:none;
display: block;
}
a:link {}
a:visited {}
a:hover {
color:red;
text-decoration:underline;
background-color: silver;
}
a:active {}
#navegacion a{
color:white;
text-decoration:none;
display:block;}
#navegacion a:link{}
#navegacion a:visited{}
#navegacion a:hover{
color:red;
text-decoration:none;
background-color:white}
#navegacion a:active{
color:red}
#contenido a{
color:goldenrod;
text-decoration:none;
display:block;
background-color:white}
#contenido a:link{}
#contenido a:visited{}
#contenido a:hover{
color: red ;
text-decoration:none;
background-color:white}
#contenido a:active{
color:black}
#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 {}
universoacuatico.tk
aquí mi hoja de estilos
* {
text-indent: 0;
margin: 0;
padding: 0;
border: 0;
}
p {
text-align: justify;
color: white;
font-family: Myriad Pro Light,Adobe Fan Heiti Std B,Kozuka Gothic Pro B,Calibri,Arial;
}
h1 {
font-family: Candara, Corbel, DejaVu Sans Condensed; font-size: 1.2em;
color: red;
font-weight: bold ;
text-decoration: none;
text-align: center;
}
h2 {
font-family: Candara, Corbel, DejaVu Sans Condensed;
font-size:1.1em;
color: orangered;
font-weight: bold;
text-decoration: none;
text-align: center;
}
body {
text-align: center;
}
#global {
width: 960px;
margin: 4px auto;
}
#cabecera {
background-color: white;
border-left: black 0px solid;
border-right: black 0px solid;
height: 85px;
}
#logotipo {
width: 280px;
float:left;
}
#publicidad {
width: 518px;
float: right;
margin-top: 25px;
font-size: 16px;
font-family: Candara, Corbel, DejaVu Sans Condensed;
}
#navegacion {
background-image:url(objetos/navbar.gif) ; border: black 0px solid;
height: 40px;
}
#navegacion li {
font-size:18px;
float: left;
list-style: none;
font-family: Myriad Pro Light,Adobe Fan Heiti Std B,Kozuka Gothic Pro B,Calibri,Arial;
margin: 5px 20px 0px 20px;
}
#navegacion ul {
margin-left: 75px;
}
#contenido {
background-color: white;
border-left: black 1px solid;
border-right: black 1px solid;
background-image:url(objetos/animales10.jpg);
}
#contenido p {
margin: 5px 10px 0px 10px;
text-indent: 15px;
}
#menu {
width: 150px;
float: left;
text-align: left;
margin: 5px 10px 5px 3px;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom;
padding-bottom: 5px;
}
#menu li {
list-style: none;
margin: 4px 8px 4px 6px;
}
#menu h1 {
text-decoration: none;
font-size: 12px;
padding-top:12px;
background-image: url(objetos/menu-parte-superior.gif); }
#pie {
background-color: white;
border-left: black 0px solid;
border-right: black 0px solid;
border-top: black 0px solid;
height: 65px ;
width: auto;
}
#pie li {
list-style: none;
font-size: 12px;
font-family: Candara, Corbel, DejaVu Sans Condensed; }
#pieuno {
float: left;
width: 230px;
height:65px;
}
#piedos {
width: 500px;
font-family: Candara, Corbel, DejaVu Sans Condensed;
height:auto; }
#pietres {
float: right;
width: 230px;
height:65px; }
a {
color: ; gold
text-decoration:none;
display: block;
}
a:link {}
a:visited {}
a:hover {
color:red;
text-decoration:underline;
background-color: silver;
}
a:active {}
#navegacion a{
color:white;
text-decoration:none;
display:block;}
#navegacion a:link{}
#navegacion a:visited{}
#navegacion a:hover{
color:red;
text-decoration:none;
background-color:white}
#navegacion a:active{
color:red}
#contenido a{
color:goldenrod;
text-decoration:none;
display:block;
background-color:white}
#contenido a:link{}
#contenido a:visited{}
#contenido a:hover{
color: red ;
text-decoration:none;
background-color:white}
#contenido a:active{
color:black}
#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 {}