26/10/2010, 08:57
|
| | | Fecha de Ingreso: septiembre-2010
Mensajes: 86
Antigüedad: 14 años, 2 meses Puntos: 0 | |
Respuesta: Problemas de relaciones en ccs Si amigo la botonera esta con class:
<div id="botonera" class="botonera">
<ul>
<li><a href="index.html">Inicio</a></li>
<li> <a href="#">Quienes Somos </a>
<ul>
<li><a href="nosotros.php">Historia</a></li>
<li><a href="mision.php">Mision</a></li>
<li><a href="mision.php">Vision</a></li>
<li><a href="valores.php">Valores</a></li>
<li><a href="politicac.php">Politica de Calidad</a></li>
<li><a href="#">Politica de Seguridad</a></li>
<li><a href="#">Politica de Ambiental</a></li>
</ul>
</li>
<li><a href="#">Productos</a>
<ul>
<li><a href="#">Linea de Tomates</a></li>
<li><a href="#">Linea de Vegetales</a></li>
<li><a href="#">Linea de Dulces</a></li>
<li><a href="#">Linea de Congelados</a></li>
<li><a href="#">Concentrados</a></li>
</ul>
</li>
<li><a href="#">Recetas</a></li>
<li><a href="#">Noticias</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
y este es el otro plugin en jquery
<div id="slider">
<ul>
<li><a href="web.php"><img src="easyslider1.7/images/01.jpg" alt="Css Template Preview" width="530" height="350" /></a></li>
<li><a href="redes.php"><img src="easyslider1.7/images/02.jpg" alt="Css Template Preview" width="530" height="350" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="easyslider1.7/images/03.jpg" alt="Css Template Preview" width="530" height="350" /></a></li>
<li><a href="sig.php"><img src="easyslider1.7/images/04.jpg" alt="Css Template Preview" width="530" height="350" /></a></li>
<li><a href="diseg.php"><img src="easyslider1.7/images/07.jpg" alt="Css Template Preview" width="530" height="350" /></a></li>
<li><a href="servid.php"><img src="easyslider1.7/images/06.jpg" alt="Css Template Preview" width="530" height="350" /></a></li>
</ul>
</div>
pero este plugin todavia me sigue viendo la regla de destino de ccs de la botonera esta:
.botonera ul li a:hover, ul li a:active {
color:#33CC00;
background-image:url(menu/Botonera2.jpg);
background-position: center center;
background-repeat: no-repeat;
}
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;
}
.botonera 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*/
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:540px;
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.botonera a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
A la espera de tu ayuda gracias |