HTML CODE
<div id="wrapper">
<div id="navMenu">
<ul>
<li><a href="">HOME</a>
<ul>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">IL BRAND</a>
<ul>
<li><a href="">il nuovo marchio</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">PRODOTTI</a>
<ul>
<li><a href="">Carburante</a></li>
<li><a href="">Prodotti Speciali</a></li>
<li><a href="">Lubrificanti</a></li>
<li><a href="">Ricerca Documentale</a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">PUNTI VENDITA</a>
<ul>
<li><a href="">Punti Vendita</a></li>
<li><a href="">IP Matic</a></li>
<li><a href="">Festival</a></li>
<li><a href="">Prezzi praticati</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">SERVIZIO</a>
<ul>
<li><a href="">Strategia del Servizio</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">PROMOZIONI</a>
<ul>
<li><a href="">Nectar</a></li>
<li><a href="">Campagna Sconti IP</a></li>
<li><a href="">Supercard FIAT</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">SPONSORIZZAZIONI</a>
<ul>
<li><a href="">Nazionale Italiana di Calcio</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">PER L'AUTOMOBILISTA</a>
<ul>
<li><a href="">Buoni Carburante Elletronici</a></li>
<li><a href="">CartaMaxima</a></li>
<li><a href="">Carta Agos</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">CONTATTI</a>
<ul>
<li><a href="">Buoni Carburante</a></li>
<li><a href="">CartaMaxima</a></li>
<li><a href="">Servizio Clienti Netcar</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
</div><!--fundi i navMenu -->
</div><!--fundi i wrapper -->
<body width="850px"height="174" >
<param name="mode" value="transparent">
<div id="Stage" class="EDGE-10822169">
</div>
</body>
The CSS CODE
#navMenu {
margin:0;
padding:0;
}
#navMenu ul {
margin:0;
padding:0;
line-height:30px;
}
#navMenu li {
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
background:#09F;
}
#navMenu ul li a{
text-align: center;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
font-size:11px;
height: 32px;
width: 89.8px;
display: block;
color: #FFF;
border: 0.05cm ridge #FFF;
vertical-align: baseline;
}
#navMenu ul ul{
position:absolute;
visibility:hidden;
top:32px;
}
#navMenu ul li:hover ul{
visibility: visible;
z-index: 2;
}
#navMenu li:hover{
background-color: rgba(201,172,16,1.00);
}
#navMenu ul li:hover ul li a:hover{
background-color: #FFF;
color: rgba(201,172,16,1.00)
}
body {
position: relative;
left: 7cm;
top: 3cm;
}
andi.andiiimintoyouu
0
Newbie Poster
Recommended Answers
Jump to PostYou could extend the submenu width to make it fit... Oooor, you could wrap the text in the submenu item so it won't overflow from the box by assigning a width to the
<li>element
Jump to Postcan someone help me i have 2 hour waiting for a answer
I cant speak for others on this site, but I think you find that for a community of members that provide their time voluntarily, the response time to posts is excellent.
When new members start to …
All 8 Replies
andi.andiiimintoyouu
0
Newbie Poster
The problem is when i put the mouse in second menu the text inside the submenu doesnt fit in the box.
In the fourth menu it display half of what i wrote.
Can someone give me some idea how to fix this plss
ndeniche
402
Posting Virtuoso
Featured Poster
You could extend the submenu width to make it fit... Oooor, you could wrap the text in the submenu item so it won't overflow from the box by assigning a width to the <li> element
andi.andiiimintoyouu
0
Newbie Poster
i have done that thnx
but now when i put the mouse over the menu all the submenu are shown in horizontal how can i fix that
andi.andiiimintoyouu
0
Newbie Poster
can someone help me i have 2 hour waiting for a answer
ndeniche
402
Posting Virtuoso
Featured Poster
Add this:
#navMenu ul li{
float: left;
}
Since your submenu elements are not floated, they will just overflow all over the place.
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
can someone help me i have 2 hour waiting for a answer
I cant speak for others on this site, but I think you find that for a community of members that provide their time voluntarily, the response time to posts is excellent.
When new members start to indicate that they need immediate responses, you'll find that you will get fewer responses from other members of this community. It you need an immediate response, you may consider paying for consulting time.
andi.andiiimintoyouu
0
Newbie Poster
hey bro i have try to write the code but i doesnt work,plz help
andi.andiiimintoyouu
0
Newbie Poster
is someone here just asking
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.