Website Development to work with Droid

Discussion in 'Android Hacks and Help' started by wormywyrm, Feb 16, 2010.

  1. wormywyrm
    Offline

    wormywyrm New Member

    Joined:
    Jan 1, 2010
    Messages:
    58
    Likes Received:
    0
    Trophy Points:
    0
    (problem solved by mvezz below)

    Hi guys I am just trying to make a tiny simple webpage that will look nice on my droid. I am going to use it as a homepage.

    Here it is:
    Mobile Portal

    See how I made the text big and easy to click the links? And how I made the width small so it fits the phone?

    Well, visit the page on your droid and you will see that the droid zooms out really far and you hvae to zoom into the links. It treats the webpage like its width is huge, like theres a ton of stuff to the left and right of my links. Does anyone know why this is and how I can easily create a simple webpage to be visted on my droid??

    I looked at some tutorials on making websites for mobile phones but they were very confusing. I just need something really basic.
    Last edited: Feb 16, 2010
  2. mvezz
    Offline

    mvezz New Member

    Joined:
    Nov 19, 2009
    Messages:
    78
    Likes Received:
    0
    Trophy Points:
    0
    In the css try setting the html width as well:

    html {
    width: 300px;
    }

    Otherwise it is always 100% I have not done any mobile sites, but it seems like that should work =) Let me know ^^
  3. wormywyrm
    Offline

    wormywyrm New Member

    Joined:
    Jan 1, 2010
    Messages:
    58
    Likes Received:
    0
    Trophy Points:
    0
    Nope no luck, it just made the page stay to the left of the screen instead of the middle. :-(
  4. mvezz
    Offline

    mvezz New Member

    Joined:
    Nov 19, 2009
    Messages:
    78
    Likes Received:
    0
    Trophy Points:
    0
    Give this a try (place in the head):

    <meta name="viewport" content="width = 300">

    You can also use this to scale to the size of each unique device screen:

    <meta name="viewport" content="width = device-width">
    Last edited: Feb 16, 2010
  5. wormywyrm
    Offline

    wormywyrm New Member

    Joined:
    Jan 1, 2010
    Messages:
    58
    Likes Received:
    0
    Trophy Points:
    0
    Thanks mvezz, that worked! :) Awesome!
  6. mvezz
    Offline

    mvezz New Member

    Joined:
    Nov 19, 2009
    Messages:
    78
    Likes Received:
    0
    Trophy Points:
    0
    Might also want to remove the html width to avoid issues...
  7. mvezz
    Offline

    mvezz New Member

    Joined:
    Nov 19, 2009
    Messages:
    78
    Likes Received:
    0
    Trophy Points:
    0
    Your welcome! Glad I could help... if you ever need some web design done, PM me!
  8. mwhartman
    Offline

    mwhartman Super Moderator/RS Premium Member

    Joined:
    Jan 15, 2010
    Messages:
    10,739
    Likes Received:
    12
    Trophy Points:
    38
    Location:
    South FL
    My staff at Penn State were excellent at developing Web sites. Unfortunately, we did not develop anything for a handheld.

    I used my Droid to view your site and it is very nice. Keep tinkering I'm sure you'll get to where you want to.

    Mike
  9. bb-gun
    Offline

    bb-gun New Member

    Joined:
    Dec 29, 2009
    Messages:
    151
    Likes Received:
    0
    Trophy Points:
    0
    I want to make a free website, i know how to make the websites. i just dont know how to get them online. like where do you get free domains and free file hosting?
  10. mvezz
    Offline

    mvezz New Member

    Joined:
    Nov 19, 2009
    Messages:
    78
    Likes Received:
    0
    Trophy Points:
    0
    You can try this site:

    Free Web Hosting with PHP, MySQL and cPanel, No Ads

    But to be free your website will be "www.insertname.freeiz.com"

    Otherwise, you can get hosting for about $4-7/mo and the domain name is about $1-10/year depending on where you get it.
  11. bb-gun
    Offline

    bb-gun New Member

    Joined:
    Dec 29, 2009
    Messages:
    151
    Likes Received:
    0
    Trophy Points:
    0
    Ok thanks, what do you recommend for making the website? notepad, dreamweaver, or something else? thanks.

    Sorry i'm getting off subject.
Search tags for this page

code to make a mobile site work on a droid

,
html code for website to work on a droid phone
,
making your website droid compatible