Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder Schrene's Avatar
    Join Date
    Jan 2011
    Location
    Earth
    Posts
    61
    Thanks
    12
    Thanked 1 Time in 1 Post

    Question Custom List Menu

    I wanted a custom look for my list menu.
    Here is what I came up with...
    http://schrene.web44.net/List-Menu.html
    I created it using divs with text overflow to get the scroll bar.
    Here is my code
    Code:
    <div id="colorList">
    <center>
    <div class="mySelect" onClick="myFunction()">Abalone</div>
    <div class="mySelect" onClick="myFunction()">Acorn</div>
    <div class="mySelect" onClick="myFunction()">Adobe</div>
    <div class="mySelect" onClick="myFunction()">Allspice</div>
    <div class="mySelect" onClick="myFunction()">Antarctica</div>
    <div class="mySelect" onClick="myFunction()">Anthracite</div>
    <div class="mySelect" onClick="myFunction()">Aqualite</div>
    <div class="mySelect" onClick="myFunction()">Arctic Blueberry</div>
    <div class="mySelect" onClick="myFunction()">Arctic Ice</div>
    <div class="mySelect" onClick="myFunction()">Arctic Lime</div>
    <div class="mySelect" onClick="myFunction()">Cilantro</div>
    <div class="mySelect" onClick="myFunction()">Cinnabar</div>
    <div class="mySelect" onClick="myFunction()">Clam Shell</div>
    <div class="mySelect" onClick="myFunction()">Clove</div>
    <div class="mySelect" onClick="myFunction()">Cobalt</div>
    <div class="mySelect" onClick="myFunction()">Cocoa Brown</div>
    <div class="mySelect" onClick="myFunction()">Concrete</div>
    <div class="mySelect" onClick="myFunction()">Copperite</div>
    <div class="mySelect" onClick="myFunction()">Cottage Lane</div>
    <div class="mySelect" onClick="myFunction()">Designer White</div>
    <div class="mySelect" onClick="myFunction()">Doeskin</div>
    <div class="mySelect" onClick="myFunction()">Dove</div>
    <div class="mySelect" onClick="myFunction()">Earth</div>
    </center>
    </div>
    It worked great but it loses the scroll bar on iPhone.
    I want something that works for mobile web as well as traditional..
    Does anybody have any ideas how to create a list menu like this???
    Any help would greatly be appreciated

  • #2
    New Coder Schrene's Avatar
    Join Date
    Jan 2011
    Location
    Earth
    Posts
    61
    Thanks
    12
    Thanked 1 Time in 1 Post
    Ok so I guess I was just over thinking this....
    Having a blonde day for sure

    I stuck with a standard list menu and changed the CSS of the "option" tag. DER!!!

  • #3
    New Coder Schrene's Avatar
    Join Date
    Jan 2011
    Location
    Earth
    Posts
    61
    Thanks
    12
    Thanked 1 Time in 1 Post
    Well the results still aren't what I want on the iPhone.
    Does anybody have anything in JS that would work???
    I'm Strange Maybe Even cRaZy But There's Never A Dull Moment


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •