Create submenu on existing submenu - (Easy html and css edit)

Hello

I have a simple html/css edit so i can give a few bucks to the best offer

I need a submenu on existing submenu :



Live sample site:

chaniabasket.gr

Please send me using pm or just post here your offer

Thank you

 

So are you looking for it to do this?


just do text-align:right; and that will take care of the problem,lol.

Thanks
Maximus McCullough
Lead web developer at a1websitepro.com

 

No

This is what i need



When you click on submenu named Προγραμμα to get another submenu

A submenu inside the existing submenu.

I need the same also for the other named Βαθμολογιες ¨)

Thank you

 

this is dropdowns in css

First Step .

<ul id="pop">
 
<li><a href="#">Title 1</a></li>
<li><a href="#">Title 1</a></li>
<li><a href="#">Title 1</a></li>
 
</ul>

Code (markup):

Comes then put the rest of the items, a subsidiary list for each of the main items of coordinates as follows

<ul id="pop">
 
<li><a href="#">Title 1</a>
 
<ul>
<li><a href="#">Title 1.1</a></li>
<li><a href="#">Title 1.2</a></li>
<li><a href="#">Title 1.3</a></li>
</ul>
 
</li>
 
<li><a href="#">Title 2</a>
 
<ul>
<li><a href="#">Title 2.1</a></li>
<li><a href="#">Title 2.2</a></li>
<li><a href="#">Title 2.3</a></li>
</ul>
 
</li>
 
<li><a href="#">Title 3</a>
 
<ul>
<li><a href="#">title 3.1</a></li>
<li><a href="#">title 3.2</a></li>
<li><a href="#">title 3.3</a></li>
</ul>
 
</li>
 
</ul>

Code (markup):

Second: properties and CSS styles .

To make her adjust horizontal menu on the main and sub items add a float to the right, also noted in the main items were positioned relative will know why later until the body is controlled submenu and determine the position attributed to this element.

#pop li {
float: right;
margin: 0;
padding: 0;
position: relative;
}
#pop li li {
float: right;
width: 175px;
margin: 0;
padding: 0;
}

Code (markup):

Then the main links to the items .

#pop li a, #pop li a:link, #pop li a:visited {
font: normal 12px Tahoma;
color: #414A52;
text-decoration: none;
background: #D2DDE4;
display: block;
padding: 5px 12px;
}
#pop li a:hover, #pop li a:active {
color: #FFF;
display: block;
background: #2583AD;
padding: 5px 12px;
}

Code (markup):

and Links within the sub-items drop-down list .

#pop li li a, #pop li li a:link, #pop li li a:visited {
background: #D2DDE4;
width: 175px;
margin: 0;
padding: 5px 12px;
border-top: 1px solid #FFF;
}
 
#pop li li a:hover, #pop li li a:active {
background: #2583AD;
}

Code (markup):

To the sub-menu again and adjust the body and hide in the case of non-clicking on the key items, and notes that it has been determined the absolute right position, relative to the main item specified position relative.

#pop li ul {
position: absolute;
width: 199px;
display: none;
right: 0;
}
#pop li:hover ul {
display: block;
}

Code (markup):

Welcomes .. ^_*

 

in attachment code for this menu !