En mi pagina web he puesto cuatro accesos en la barra de navegacion. cada acceso es de una forma completamente diferente, por lo que cree una pagina de estilos para cada una de ellas. Las cuatro paginas de estilos y la parte correspondiente de los .htlm son identicos.
Mi problema es que cada uno de estos cuatro enlaces salen completamente diferentes unos de otros.
Ayuda por favor.
pasanos el enlace de los 4 sitios para poder verlos
Mi pagina web aun no esta en la red debido a estos pequeños fallos. de todas formas te paso las claves de .css de uno de estos accesos. si necesitas algo mas hazmelo saber. Muchas gracias.
* {text-indent:0px ; 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 {background-color:#C6E2FF ; 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-right: black 1px solid ; height:65px}
#publicidad {width:280px ; float:center }
#logotipo {background-color: thistle ; border-left: black 1px solid ;
border-right: black 1px solid ; border-top: black 1px solid ;
border-bottom: black 1px solid ; width:800px ; height:65px ;
float:center ; margin-center:25px ; font-size: 50px }
#contenido {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; width: 800px }
#contenido p {margin: 10px 20px 2px 20px ; text-indent: 30px}
#contenido li {list-style: none ; font-size: 10px }
#menu {width: 150px ; float:left ;
text-align:left ; margin: 6px 20px 6px 6px ;
background-position: bottom ;
padding-bottom:5px}
#menu li {list-style:none ; margin: 8px 2px 8px 12px }
.centrado {text-align:center}
#menu h1 {text-decoration:none ; font-size:10px ; padding-top:12px }
#navegacion {background-color: blue ; border: black 1px solid ; height:20px; width: 800px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px; font-size: 12px}
#navegacion ul { margin-left: 40px }
#publicidad {width:280px ; ; height:65px; float:center }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: white}
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 {}
Esto quizas no te sirva de mucho, pero ya te aviso yo que el resto de enlaces estan igual y cada uno sale de una forma distinta.
