Problemas de relaciones en ccs Hola estimados colaboradores la presente es que tengo un problema cuando logro agregar un plugin de imagenes echo en jquery pero el problema esta en que cuando lo coloco cono el ccs de los botones desplegable que tengo tiene algunas datos parecido al plugin con los ul y li cuando coloco el plugin de las imagenes me toma el ccs de la botonera y no el css del plugin. este es el css de la botonera:
Botton.css
/*Botonera*/
li {
font-size: 1em;
text-align:center;
position: fixed; bottom: 0px; left: 0px;z-index: -1;
}
ul {
font-size: 1em;
list-style: url(none) none;
}
ul, li {
margin: 0;
padding: 0;
text-indent: 0;
ALK
}
ul li {
display: inline;
float: left;
position: static;
background-color: #FFFFFF;
width: 141px;
margin: 0;
background-position: center center;
font-size: 11px;
font-style: normal;
}
ul li a {
text-align:center;
background-image:url(menu/Botonera.jpg);
font-family: Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
font-size: 1.5em;
display: block;
width: 130px;
padding: 12px 5px;
}
ul li a:hover, ul li a:active {
color:#33CC00;
background-image:url(menu/Botonera2.jpg);
background-position: center center;
background-repeat: no-repeat;
}
ul li ul {
position: absolute;
display: none;
z-index:1000;
}
ul li ul li {
display: list-item;
float: none;
margin: 0;
}
ul li ul li a {
font-size: 1.15em;
background-color: #F7F7F7;
color: #000000;
text-align:left;
width:140px;
}
body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-image: url(tutifri.jpg);
background-repeat: no-repeat;
background-color: #FFF;
}
#botonera{
background-color: #CCC;
color: #FFFFFF;
font-size:12pt;
font-weight: bold;
background-position: center center;
list-style-type: none;
top: 20px;
left: 3px;
clip: rect(20px,auto,auto,auto);
text-align: center;
height: 43px;
width: 847px;
padding: 3px;
}
/*Fin de la Botonera Principal*/
Este es el css del plugin de Imagenes en jquery: screen.css
h1{
font-size:180%;
font-weight:normal;
margin:0;
padding:0 20px;
}
h2{
font-size:160%;
font-weight:normal;
text-align: left;
}
h3{
font-size:140%;
font-weight:normal;
}
img{
border:none;
text-align: center;
}
pre{
display:block;
font:12px "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;
width:500px;
margin-top: 0.5em;
margin-right: 0;
margin-bottom: 0.5em;
margin-left: 0;
}
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */
#container{
position:relative;
text-align:center;
width:530px;
float: none;
margin: auto;
}
#header{
height:30px;
color:#000;
width: 530px;
font-size: 14px;
background-color: #FCFCFE;
background-position: left;
text-align: left;
font-family: Arial;
}
#desarrollo{
position:relative;
width: 550px;
margin-left: 5px;
font-family: Tahoma, Geneva, sans-serif;
background-color: #FFFFFF;
}
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:530px;
height:350px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:100px;
height:350px;
position:absolute;
left:-30px;
top:120px;
z-index:1000;
}
#nextBtn, #slider1next{
left:530px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:500px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../images/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:40px;
line-height:28px;
}
ol#controls li a{
float:left;
height:40px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
como podemos ver el ul y li del plugin me toma es el css de botton.css y no me toma el screen.css y la ubicacion de ambos css esta especificada en el hrlf
solo tengo es problema con el ul y li y se me descuadra las imagenes.
a la espera de su pronta respuesta gracias.
