Salve a tutti, Ho realizzato un semplice menù verticale per il mio sito all'apparenza semplice ma! Col css mi sono messo nei pasticci!
Siccome io avendo già una barra con dei button già inseriti e siccome io volendo inserire il menù sotto un bottone, ho effettuato questo codice:
Il problema e che siccome ho incluso 'navigation' e 'navigation1' dove navigation ha i bottoni.png e navigation1 non li ha, nel sito mi ritrovo col menu con i bottoni di navigation!Codice PHP:[url="index.php"]<div id="logo"></div>[/url]
[url="index.php"]<div id="logo"></div>[/url]
<div id="navigation">
<ul>
[*][url="index.php"]Home[/url][*][url="index.php?sys=registrazione"]Registrazione[/url]
<div id="navigation1">
[*][url="index.php?sys=classifica"]Classifica[/url]
<ul>
[*][url="/quellochevuoi.php"]riga1[/url]
[*][url="/quellochevuoi.php"]riga2[/url]
[*][url="/quellochevuoi.php"]riga3[/url]
[*][url="/quellochevuoi.php"]riga4[/url]
[/list]
</div>[*][url="index.php?sys=shop"]Item-Shop[/url][*][url="index.php?sys=sbug"]Sbugga Pg[/url][*][url="index.php?sys=supporto"]Supporto Tecnico[/url]
[/list]
</div>
Come posso fare un opzione o almeno trovare il modo di levare i bottoni visibili sul menù?
Cosa mi consigliate di fare?
Ecco la struttura di navigation e navigation1:
SalutiCodice PHP:
/* <------------------> */
/* Elementi */
/* <------------------> */
#navigation {
background:url(images/navigation.png);
width:800px;
height:46px;
margin:auto;
}
#navigation ul {
width:800px;
margin:auto;
padding:0;
list-style:none;
width:700px;
}
#navigation ul li {
float:left;
width:110px;
border:0;
margin-left:5px;
}
#navigation1 li a:hover{
text-decoration:none;
}
#navigation1 li ul{
background:url(images/buttonbar.png);
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
display:none;
height:auto;
filter:alpha(opacity=0);
opacity:0.9;
position:absolute;
width:115px;
z-index:200;
top:241px;
left:680px;
}
#navigation1 li:hover ul{
display:block;
}
#navigation1 li li {
display:block;
float:none;
width:115px;
}
#navigation1 li ul a{
display:block;
font-size:10px;
font-style:arial-black;
padding:0px 1px 0px 1px;
text-align:center;
}
#navigation1 li ul a:hover{
opacity:1.0;
filter:alpha(opacity=0);
}
#navigation1 p{
clear:left;
}
#navigation li {
background:url(images/button.png) no-repeat;
display:block;
width:112px;
height:36px;
line-height:35px;
text-align:center;
font-size:14px;
text-decoration:none;
color:#CCC;
margin-top:4px;
}
#navigation li:hover {
background:url(images/buttonh.png) no-repeat;
color:#FFF;
}
#navigation1 ul {
width:800px;
margin:auto;
padding:0;
list-style:none;
width:700px;
}
#navigation1 ul li {
float:left;
width:110px;
border:0;
margin-left:5px;
}
#navigation1 li {
display:block;
width:112px;
height:36px;
line-height:35px;
text-align:center;
font-size:14px;
text-decoration:none;
color:#CCC;
margin-top:4px;
}
#navigation1 li:hover {
background:url(images/buttonh.png) no-repeat;
color:#FFF;
}


Rispondi quotando