
28/10/2009, 14:15
|
| | Fecha de Ingreso: febrero-2009
Mensajes: 176
Antigüedad: 16 años, 1 mes Puntos: 1 | |
Respuesta: Problema con Anclas Amigos.
Funciona bien lo que posteo Mikmoro. Y me di cuenta donde esta mi problema, en la hoja de estilos.
Cuando saco el link de la hoja de estilos, funciona perfectamente. Cuando vuelvo a agregarla, deja de funcionar.
Estoy probando a modificar el codigo del css, sacando de a poco a ver que puede ser, hasta ahora no tengo buenos resultados.
Vuelvo a poner mi CSS para ver si a alguno se le ocurre donde puede estar el error.
Código:
@charset "utf-8";
/* CSS Document */
/* CSS Reset */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
:focus {
outline: 0;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body{
font-family:"Times New Roman", Times, serif;
font-size:12px;
margin:0 auto;
padding:0;
}
*{
margin:0;
padding:0;
}
#contenedor{
background-image:url(imgs/fondo1.gif);
background-repeat:repeat-x;
background-color:#f5fbfc;
margin:0 auto;
padding:0;
}
/* Anchors */
#top{
margin:0;
padding:0;
}
#trabajos{
margin:0;
padding:0;
}
#servicios{
margin:0;
padding:0;
}
#contacto{
margin:0;
padding:0;
}
/* Menú */
#menu{
width:735px;
height:42px;
border:1px solid #FFF;
background-color:#0e283f;
padding:0;
margin-top:-1px;
position:fixed;
z-index:100;
left:50%;
margin-left:-370px;
}
* html #menu {
position:absolute;
}
#menu ul{
list-style:none;
margin:2px;
padding:10px;
}
#menu ul li {
float:left;
padding-left:15px;
padding-right:15px;
margin-left:11px;
}
#menu ul li a{
font-size:18px;
text-decoration:none;
color:#FFF;
font-weight:bold;
}
#menu ul li a:hover{
color:#C1EAFF;
}
#logo{
float:left;
margin-left:20px;
margin-right:140px;
height:32px;
width:188px;
padding:10px 0 0 0;
display:inline;
}
#flecha{
float:right;
height:42px;
width:53px;
margin:-24px 0 0 0;
padding:0;
display:inline;
}
/* Ilustracion */
#ilustracion{
background-image:url(imgs/ilustracion.gif);
background-repeat:no-repeat;
width:760px;
height:379px;
padding:0;
margin:0 auto;
}
/* Contenido */
#titulos{
border:1px solid #FFF;
background-color:#0e283f;
margin:0 0 0 -10px;
margin-right:550px;
padding:12px 37px;
float:left;
position:relative;
display:inline;
}
h1{
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#FFF;
font-weight:bold;
}
h2{
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#0e283f;
text-align:center;
margin-top:8px;
}
h3{
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#0e283f;
}
h4{
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#757575;
line-height:20px;
}
h5{
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
font-style:italic;
color:#0e283f;
line-height:25px;
}
a{
font-family:"Times New Roman", Times, serif;
text-decoration:underline;
color:#0e283f;
}
#cont1{
width:718px;
background-color:#FFF;
padding:0;
margin:0 auto;
border:#CCC;
border-style: solid;
border-top-width: 0;
border-right-width: 1px;
border-bottom-width: 0;
border-left-width: 1px;
}
#subtitulo1{
width:300px;
height:20px;
margin:15px 0 0 18px;
padding:0;
float:left;
display:inline;
}
#cuadro-cont{
width:700px;
margin:15px 0 0 18px;
padding:0;
float:left;
display:inline;
}
#cuadro1{
width:204px;
height:157px;
border:1px solid #B7B7B7;
background-color:#D6E3E8;
float:left;
margin:0 15px 0 0;
padding:10px 0 0 10px;
display:inline;
}
#linea1{
background-image:url(imgs/linea1.gif);
background-repeat:no-repeat;
width:718px;
height:1px;
margin:20px 0 20px 0;
float:left;
}
#text-servicios1{
width:680px;
margin:25px 18px 0 18px;
padding:0;
float:left;
display:inline;
}
#text-servicios2{
width:680px;
margin:25px 18px 25px 18px;
padding:0;
float:left;
display:inline;
}
/* Contacto */
#cont2{
width:718px;
background-color:#D9EACE;
padding:30px 0 0 0;
margin:0 auto;
border: #b1c1a7;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
form{
width:300px;
margin:25px 18px 0 18px;
padding:0;
float:left;
display:inline;
}
input{
font-family:"Times New Roman", Times, serif;
width:300px;
font-size: 14px;
color: #0e283f;
background-color: #FFF;
border: #B1C1A7;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
margin:5px 0 5px 0;
}
textarea{
font-family:"Times New Roman", Times, serif;
width:300px;
font-size: 14px;
color: #0e283f;
background-color: #FFF;
border: #B1C1A7;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
margin:5px 0 15px 0;
}
.submit{
font-family:"Times New Roman", Times, serif;
width:80px;
height:35px;
font-size: 14px;
color: #374C37;
background-color: #B1C1A7;
border: #FFF;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.submit:hover{
font-family:"Times New Roman", Times, serif;
width:80px;
height:35px;
font-size: 14px;
color: #374C37;
background-color: #749c72;
border: #FFF;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
h6{
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#374C37;
line-height:20px;
}
#contacto-2{
width:300px;
margin:0 0 0 0;
padding:25px 30px 0 0;
float:right;
}
#contacto-3{
width:300px;
margin:0 0 0 0;
padding:30px 30px 0 0;
float:right;
}
/* Pie */
#contenedor-pie{
background-image:url(imgs/pie-fondo.gif);
background-repeat:repeat-x;
height:109px;
margin:0 auto;
padding:0;
}
#pie{
background-image:url(imgs/pie.gif);
background-repeat:repeat-x;
width:718px;
height:109px;
padding:0;
margin:0 auto;
}
#logo-pie{
width:201px;
height:24px;
padding:51px 0 0 20px;
margin:0;
float:left;
}
#facebook{
width:143px;
height:24px;
padding:51px 20px 0 0;
margin:0;
float:right;
}
#error{
margin:0;
padding:10px;
}
.error{
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:normal;
color:#0e283f;
line-height:25px;
}
Desde ya muchas gracias, nuevamente. |