Create submenu on existing submenu

Discussion in 'HTML & Website Design' started by asteraki1976, Mar 3, 2013.

  1. #1
    Hello

    Can you please help me to create sub menu on existing submenu on this page?

    [​IMG]

    Code:

    http://oaxbc.gr/5000/index.html​
    Thank you
     
    asteraki1976, Mar 3, 2013 IP
  2. xXxpert

    xXxpert Well-Known Member

    Messages:
    604
    Likes Received:
    34
    Best Answers:
    9
    Trophy Points:
    165
    Digital Goods:
    7
    #2
    Just add another <ul> within submenu <li> element and style with css using following hierarchic
    ul > li > ul
     
    xXxpert, Mar 3, 2013 IP
  3. asteraki1976

    asteraki1976 Active Member

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #3
    Can you please post a sample as you can see my html source as i confuse ?

    Thank you
     
    asteraki1976, Mar 3, 2013 IP
  4. xXxpert

    xXxpert Well-Known Member

    Messages:
    604
    Likes Received:
    34
    Best Answers:
    9
    Trophy Points:
    165
    Digital Goods:
    7
    #4
    Here is a Live Demo and Tutorial for what are looking for
    http://www.bappi-d-great.com/css-2/create-multi-level-drop-down-menu-in-css
     
    xXxpert, Mar 3, 2013 IP
  5. asteraki1976

    asteraki1976 Active Member

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #5
    I can't do it but thanks for your time :)

    Here is my css:

    http://pastebin.com/Vwh7JsJ1

    And here is the menu line on the html:

    
    <ul class="mainlinks"><li><a href="news.html">ΝΕΑ</a><ul><li><a href="news.html">Roster Updates</a></li><ul><li><a href="news.html">Match Reports</a></li></ul><li><a href="news.html">Τοπικά Αφιερώματα</a></li></ul></li><li><a href="schedule.html">ΠΡΟΓΡΑΜΜΑ/ΑΠΟΤΕΛΕΣΜΑΤΑ</a><ul><li><a href="schedule.html">Προγραμμα</a></li><li><a href="scores.html">Βαθμολογιες</a></li></ul></li><li><a href="team.html">ΟΜΑΔΑ</a><ul><li><a href="team.html">Ανδρικό</a></li><li><a href="team2.html">Εφηβικό</a></li><li><a href="team3.html">Παιδικό</a></li></ul></li><li><a href="history.html">ΦΩΤΟΓΡΑΦΙΕΣ</a></li><li><a href="history.html">ΙΣΤΟΡΙΑ</a></li></ul>
    
    Code (markup):
     
    Last edited: Mar 3, 2013
    asteraki1976, Mar 3, 2013 IP