Problemas con divs!

[eresvey]

Hola amigos! primero que nada muy buen foro, y muy buena srespuestas!

Pues tengo un problema de que tengo en una pagina html varias hojas de estilo, y las uso con jquery, y e sque cuando voy a meter mas hojas de estilo los anteriores archivos cojen los atributos de la nueva hoja de estilo y se me dañan. mi pregunta es por que pasa esto y como devo solucionarlo? ....... gracias Dios los bendiga

[cristian_cena]

hola eresvey, seguramente estas "pisando" estilos.
El flujo de lectura es de arriba hacia abajo, por tanto, la hoja de estilos que pongas abajo pisará a la de arriba.

Para solucionar esto debes trabajar con class e id para dar estilos precisos y puntuales. Es decir, tu debes estar dando estilos como:

Código HTML:

<ul><li><a href="#">enlace<a></li></ul>
 

Código CSS:

ul li a{...estilos}
 

cuando lo ideal sería que hagas

Código HTML:

<ul id="menu1"><li><a href="#" class="m1_enlaces">enlace<a></li></ul>
 

Código CSS:

#menu1{...estilos}
#menu1 li{...estilos}
.m1_enlaces{...estilos}
 

Saludos.

[eresvey]

mmmmmmmmmmm pues mira mi estilo!

Código CSS:

.campo{
font-style:bold;
font-weight:bold;
font-size:20px;
color:black;
font-family:Arial;
border:0px;
background-image:url(images/campo.png);
width:260px;
height:60;
/*Estilo del boton*/
}
campos{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
 
}
.boton{
background:#FF9933;
border:1px;
border-color:#FF9900;
height:31px;
width:75px;
color:#FFFFFF;
background-image:url(boton.png);
 
}
 

y html!

<input name="Submit" type="submit" class="boton" value="Comprar...!" />

Aqui Obedeceria al de abajo?

[gmurop]

llas clases css no tienen los mismos nombres en las diferentes hojas de estilo verdad?

input.boton{
background:#FF9933;
border:1px;
border-color:#FF9900;
height:31px;
width:75px;
color:#FFFFFF;
background-image:url(boton.png);

}

[eresvey]

no para nada esa clase solo obedece a los formularios!

[eresvey]

El problema es que estoy muy perdido por que los usuarios pueden insertar codigo html a sus publicaciones, pero como dise cristian_cena las otras hojas de estilo la de mas abajo pisan las de arriba y no se como empezar! si quieren puedo insertar una imagen para ver todo mejor!

[cristian_cena]

"campos{..." esta mal. no existe ninguna etiqueta html <campos>, asigna una clase .campos{} o una id #campos.

El input submit obedece a .boton{... pues tiene asignada una class="boton".

Seguramente tienes otra hoja de estilos en la que tienes definido estilos para ".boton{}" o bien para "input{}"

En cualquier caso mencionar que puedes usar !important para que ese estilo prevalezca sobre los demas

saludos