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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jul 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Creating an iPhone-like App for mobile website

    Hi all. I'm trying to create a mobile website that has the look and feel of a native iPhone app. Below is a mock-up for what I'm trying to go for:



    Originally, I started with ul (unordered list) and changed the styling with css to create those iPhone like buttons, but I couldn't figure out how to embed those pictures/icons in there. Anyone have suggestions on how to do that?

    Thanks!


  • #2
    Regular Coder ahayzen's Avatar
    Join Date
    Jun 2009
    Posts
    110
    Thanks
    8
    Thanked 11 Times in 11 Posts
    Hi and Welcome to the Coding Forums

    To add the images to a li use the code below.

    Code:
    <html>
    <head>
    <style type="text/css">
    .x {
    list-style-image:url('imageforx.gif');
    }
    .y {
    list-style-image:url('imagefory.gif');
    }
    .z {
    list-style-image:url('imageforz.gif');
    }
    </style>
    </head>
    <body>
    <ul>
    <li class="x">x</li>
    <li class="y">y</li>
    <li class="z">z</li>
    </ul>
    </body>
    </html>
    Andy

  • #3
    New to the CF scene
    Join Date
    Jul 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nice! Thanks, Andy. You are awesome.

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    If you get the iPhone SDK, you will get access to a tool for building iPhone Web apps. Otherwise, there are many frameworks available which are similar (though sometimes not as slick.)


  •  

    Posting Permissions

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