<body>
<div id="wrapper">
<ul id="level-one">
<li><a href="#"></a>Home</li>
<li>Home1
<ul id="level-two">
<li><a href="Reth Nesh.html">Home1</a></li>
</ul>
</li>
<li>Home2
<ul id="level-three">
<li><a href="Produkte Speciale.html">Karburanti</a></li>
<li><a href="Produkte Speciale.html">Produkte Speciale</a></li>
<li><a href="Lubrifikues.html">Lubrifikante</a></li>
<li><a href="index.html">Kerkimet e dokumentave</a></li>
</ul>
</li>
<li>Home3
<ul id="level-four">
<li><a href="Pikat e shitjes.html">Pikat e shitjes</a></li>
<li><a href="">IP Matic </a></li>
<li><a href="Festival.html">Festival</a></li>
<li><a href="Strategjite e Sherbimit.html">Strategjite e sherbimit</a></li>
</ul>
</li>
<li>Home4
<ul id="level-two">
<li><a href="Kombetarja Italiane.html">Kombetaria Italiane</a></li>
</ul>
</li>
<li>Home5
<ul id="level-four">
<li><a href="Bono Karburanti.html">Bono Karburanti</a></li>
<li><a href="Karta Maxima.html">Karta Maxima</a></li>
<li><a href="">Karta Agos</a></li>
<li><a href="Sherbimi i Klienteve Netcar.html">Sherbimi i klienteve Nectar</a></li>
</ul>
</li>
</div> <!-- #wrapper -->
<div id="Stage" class="EDGE-28762890"></div> <!--LEVIZJA E IMG-SLIDER.-->
</body>
andi-dev 0 Light Poster
andi-dev 0 Light Poster
#wrapper{
clear:both;
margin:5px auto;
border:0px solid #000;
font-size:12px;
font-family: verdana;
}
ul#level-one{
width: 76%;/*gjatesia e Menuse kryesore*/
height: 36px;/*gjeresi*/
position: relative;
list-style: none;
line-height: 36px;
z-index: 2;
left: 132px;
background-image: url(images/menu-li-blue.png); /* imazhi i linkut kryesor */
}
ul#level-one li{
width:80px;/*hapesira midis linkeve te menuse*/
float: left;
font-weight: bold;
font-family: Arial;
padding-left: 12px;
}
ul#level-one li:hover{
background: #FFA500;
}
ul#level-two{
list-style: none;
display: none;
position: absolute;
top: 36px;
padding: 0;
width: 200px;
height: 28px;
border: 0px solid red;
background-color: #FFF;/*Kur vendos mausin ke 1 menu KTU CAKTOHET BACKGROUND E TE GJITHA SUBMENUVE*/
}
ul#level-three{
list-style: none;
display: none;
position: absolute;
top: 36px;
padding: 0;
width: 200px;
height: 120px;
border: 0px solid red;
background-color: #FFF;/*Kur vendos mausin ke 1 menu KTU CAKTOHET BACKGROUND E TE GJITHA SUBMENUVE*/
}
ul#level-four{
list-style: none;
display: none;
position: absolute;
top: 36px;
padding: 0;
width: 200px;
height: 120px;
border: 0px solid red;
background-color: #FFF;
}
ul#level-two li,ul#level-three li,ul#level-four li{
width:196px;
padding-left:4px ;
line-height: 30px;
}
ul#level-two li:hover{
}
ul#level-three li:hover{
}
ul#level-four:hover{
}
ul#level-one li:hover > ul#level-two,ul#level-one li:hover > ul#level-three,ul#level-one li:hover > ul#level-four {
display: block;
}
a{
width:200px;
text-align: center;
text-decoration: none;
color:#000000;
}
#Stage {
position: absolute;/*Pozicionimi i Img-Slider*/
left: 3.5cm;
bottom: 11.6px
}
andi-dev 0 Light Poster
I cant create the space between the Home1 Home2 Home3 ect.
When i put the mouse hover this menu the orage collor should be much bigger than now for example 10px
pritaeas 2,194 ¯\_(ツ)_/¯ Moderator Featured Poster
Please do not bump your thread.
What exactly is the issue? Have you tried setting a margin? Putting your code in a jsfiddle would be helpful.
andi-dev 0 Light Poster
sorry :( ok i will try that
veera100 0 Newbie Poster
Give space for each link you can add this style code to your style sheet.
a{margin-left:10px;}
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.