Salve, ho una pagina dove ho settato l'aspetto di una lista.
Necessiterei di poter cambiare una singola voce all'interno della lista evitando che questa prenda gli attributi espressi nell'ul generale e nelle singole li.
Praticamente la vorrei differente dal resto, ho messo nei li che mi interessano la classse che voglio, però il li prende sempre il sopravvento e non visualizzo SOLO la classe inserita.
Posto di seguito il tutto:
Grazie anticipatamente
Enrico
<body>
<div id="listwrapper">
<ul>
[*]Headquarter
<ul>
<li class="">Zona 1
[*]Zona 2
[*]Zona 3
[*]Zona 4
<li class="zones_blinkon">Zona 5
[/list]
<li class="plants_blinkoff">Headquarter
<ul>
[*]Zona 6
[*]Zona 7
[*]Zona 8
[*]Zona 9
[*]Zona 10
[*]Zona 11
[*]Zona 12
[*]Zona 13
[*]Zona 14
[/list]
[/list]
</div>
</p>
</body>
--------------------------------CSS---------------------------------------
@charset "utf-8";
/* CSS Document */
body {
margin:0px;
background:url(../images/plants_bkgnd_2.png) repeat left top fixed;
}
/* ------------------------------------------------------------------------------
list* gives layout and styling for the lists "plants, zones, airplants, etc.
------------------------------------------------------------------------------ */
#listwrapper {
background:url(../images/plants_bkgnd_1.png) repeat-x top fixed;
width:250px;
height:auto;
list-style-type:none;
}
#listwrapper ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
#listwrapper a {
display:block;
background:url(../images/plant_buttons.png) no-repeat center top;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:30px;
margin:5px 0 0 0;
}
#listwrapper a:hover {
background:url(../images/plant_buttons.png) no-repeat center -50px;
}
#listwrapper a:active {
background:url(../images/plant_buttons.png) no-repeat center -100px;
}
#listwrapper li li a {
display:block;
background:url(../images/zone_buttons.png) no-repeat center top;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:37px;
margin:0;
}
#listwrapper li li a:hover {
background:url(../images/zone_buttons.png) no-repeat center -46px;
}
#listwrapper li li a:active {
background:url(../images/zone_buttons.png) no-repeat center -96px;
}
/* ------------------------------------------------------------------------------
blinklinks* gives layout and styling for the plants voices.
------------------------------------------------------------------------------ */
.plants_blinkoff {
display:block;
background:url(../images/plant_buttons.png) no-repeat center bottom;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:30px;
margin:5px 0 0 0;
}
.plants_blinkon {
display:block;
background:url(../images/plant_buttons.png) no-repeat center -250;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:30px;
margin:5px 0 0 0;
}
.zones_blinkoff {
display:block;
background:url(../images/zone_buttons.png) no-repeat center -196;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:37px;
margin:0;
}
.zones_blinkon {
display:block;
background:url(../images/zone_buttons.png) no-repeat center -246;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:37px;
margin:0;
}
Rispondi quotando
