Gaps in my Mobile Web Page...

Hey,.

I have built on a mobile Web site in Dreamweaver using the Jquery mobile start page and then customize the code HTML and CSS myself. For some reason, there are gaps between my images that I can't get rid of. I put the padding and the margin of the body to 0, and there is no padding or margins on anything whatsoever on the page.

Can someone help me please? I have attached a picture of her and my source code of the page. You can see the Web site at http://practice.airportrevenuenews.mobi

Thank you very much!!!

ARN_GAP_Example.png

ARN_GAP_Code.png

The page has a strict DOCTYPE so modern browsers will display images with a strict basis. Add this rule to your stylesheet (it should have been included by default):

IMG {vertical-align: bottom ;}}

As for mobile jQuery, you realize you have to 2 completely separate sites - one mobile and one for normal browsers? In the great majority of cases, mobile devices are doing everything as well with conventional well written pages. Suffice it to say :-) And yet one thing - mobile jQuery script Adobe seems to use is a first alpha (pre-release). You absolutely should not use that. You need to go to the website of jQuery and use current shipping construction.

--

Al Sparber - PVII

http://www.Projectseven.com

The finest Menus Dreamweaver | Galleries | Widgets

Since 1998

Tags: Dreamweaver

Similar Questions

  • Mobile Web page is super short.

    Hello everyone, I need help here. My mobile Web page is super short. Is there a way I can do it longer?

    Go to file > Site properties and ensure that "Sticky Footer" is checked.

  • Launcher to the Mobile Web page as app - do on wodpress

    Hello. I made a mobile page Web as application in worpress.

    It works very well in Dev Alpha BB browser.

    I want to make a launcher set to address out of this web page.

    I want to make an address to hide - working as app.

    First of all, I use a waterfalls and WebView but it not good work

    So I have the image as: app-> Click icon-> Run page on my server (and hide address)

    Address of this page is: http://bb.bmwklubwarszawa.pl

    BR. Jakub

    You can make a simple configuration file and use WebWorks. This is a perfect job for her.

    1. download the SDK WebWorks here: https://developer.blackberry.com/html5/download/sdk/

    2. create a configuration file, as defined in point (5): https://developer.blackberry.com/html5/documentation/creating_hello_world.html

    3. set the http://bb.bmwklubwarszawa.pl/ "/ > inside the element of your widget"

    4. Add

    5 package with webworks Packer on the directory root of your project:. / Yourapplication bbwp

    6 sign/Debug token and deploy

    More information can be found here:

    https://developer.BlackBerry.com/HTML5/documentation/getting_started_with_webworks.html

  • My sign in on my provider (o2) phone Mobile web page is always grayed out.

    Original title: gray

    My sign on the web page of suppliers (o2) is always grayed out on my laptop, I am unable to "Sign in." The o2 connect works fine on my mobile. This only happens with this web page, all other areas 'sign' in work very well.

    8 64-BIT Windows

    IE10

    Hello John, I tried different settings in TOOLS and under the compatibility view settings, I unchecked the boxes in the top two (display all websites in compatibility view and display all Intranet Sites in comp.) the last box is always checked (download update COMP. catalogue of the M/S)

    So, don't date that all works well. Thanks for your help, have a nice weekend.

  • Possibility to incorporate mobile web page in Flex?

    I know desktop air application can integrate html pages. Because < mx:html > is not supported by mobile Flex.

    Is it possible to integrate a mobile Web in Flex page?

    Of course, use StageWebView.

  • With ADF Mobile, I can make a mobile web page independent of the resolution?

    Hi all.

    I am involved in a kind of mobile web project that can use mobile ADF.

    The most important question now is resolution problem.
    This project will use multi-devices(smart phones).

    Should I make each page by a device with its own resolution?
    Or is there another solution?

    Please advise me.

    Thank you.

    Hi, Jayce, you should not create different pages for different mobile devices. In general, as long as you use components of layout as panelGrouplayout or panelLabelAnd Message around user interface components such as outputText, then those controls would be based on the size of the available screen. You just specify the wdith of these controls on Panel at 100% so that it matches the width of the unit.

    It has so far, little a problem where the resolution of the smartphone is so high that the text fields are too small (like the iPhone or BlackBerry "BOLD" which has half-VGA resolution), then you must include this statement in part trh:Head of your page:
    Content = "width = device-width;" initial-scale = 1.0; maximum scale = 1.0; user-scalable = 0; » />

    This sets the port to display the page and sets the factor of scale accordingly, so that the size of the text appear 'normal '.

    Also, if you want more style your application, you will get an aspect native deive with style sheets.

    There are examples of this in http://www.oracle.com/technology/tech/wireless/adf_mobile.html. Locate the sample FOD or Mobile Banking. Mobile Banking has a more complete set of stylesheets and of code examples that you can use. Mobile Banking has not been added yet, but I will do that soon.

    Feel free to contact me directly if you have any other questions. [email protected].

    Thank you

    Joe Huang

  • Why different websites after upgrading 10.0... ((1) mozilla 2) facebook pages generic aspect... almost like a mobile Web page but on a laptop...

    I have screen grabs if anyone cares to see what his weight.

    Safe mode works, BUT when I checked "restore all defaults"
    and restarted, who fixed everything.

    Thank you

  • Mobile 'Call' function on the web page

    Hello! Almost ready to publish Web pages, I have a button 'Call' inserted into a thumbnail that links to another page in the site.

    Is it possible to activate this button, dial the number on a mobile Web page? Or at least

    Show number immediately when they are affected so that the user can activate call, rather than having to navigate to the contact page?

    Thank you, Jon

    Hello Jonrees1978,

    Click on the button and update the "links section" of the properties panel with Tel: 555-555-5555 and it should work for you.
    Replace 555-555-5555 by a number of your choice.

    Please let me know if you are talking about something else.

    Kind regards

    Vivek

  • BlackBerry Smartphones are my contacts etc being synchronized wireless to a web page?

    With my treo, I was able to view my email/contacts/appointments, etc. on a mobile web page from verizon.  It would automatically synchronize my latest information periodically.  The BB that does as well?  If so, how can I access this?

    Thank you.

    Hello

    your question is this:
    When you send mail from your Gmail on the web:
    (1) the recipient receives the message
    (2) you receive a copy of the message on your blackberry

    you don't want 2)

    =>, it is easy to fix, just a few clicks. Given that I don't use GMail with my blackberry, I can't remember what. But you will surely find the information you are looking for previous discussions on this topic:

    http://supportforums.BlackBerry.com/rim/search?submitted=true&type=message&sort_by=score&advanced=tr...

  • How to configure firefox for mobile on my android tablet to display the version complete web page to place a mobile version?

    Tablet have a screen big enough to be able to support full web pages

    Install the extension false and to find 'User Agent' preferences and use the drop-down list to select "Desktop Firefox".

    https://addons.Mozilla.org/en-us/mobile/addon/phony/

  • Stop "mobile" versions of Web pages

    I looked at all the parameters for the Android of Firefox version and can't find it: is there some why to prevent loading of versions 'mobile' Web sites, when it is not a "Show the entire site" option on the Firefox Web page.

    Use the bogus extension and set Office Firefox option.

    https://addons.Mozilla.org/en-us/mobile/addon/phony/

  • How can I demo my mobile app on a web page? or autonomous

    Is there a way to show my Flex app in a browser?  on a web page or autonomous is ok.

    I use Flash Builder 4.6 to build a mobile app for iOs (iphone 4) and when I debug him, it shows the program in a window as the phone.

    Is there a way for this wrap and give it to someone to run in a window Flash-player-browser-like?

    Thank you!

    Steve

    You can do something similar to this using the export Release Build and educate FB export as "Signed AIR package for installation on the desktop"

    This will create a file that can be installed on a computer and behaves a lot like an execution in the debugger.  A few caveats are that the user will need to resize the window manually to match a size 'phone' and mobile features (camera, gps, accelerometer, etc.) will be not be available or behave very differently than on a real phone (depending on your implementation of code).

    However, for most applications, this will give your audience a good idea of what your application will be when released on the phone market/store.

  • How to prevent large gaps on the Web page when you use the behaviours slide?

    I searched the forums for similar problems with application behavior slide to the elements through the DW CS5 interface and find a useful post titled "problem with Spry Applying"Slide Effect"so now my slide effects works the way I want to, except instead of dragging out a legend after clicking on an image I slip on a list of text items when you click on a section of text.  It works, but there is a gap when the first load of the Web page. How can I remove/avoid this great whitespace to appear?

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

    " < html xmlns =" http://www.w3.org/1999/xhtml ">

    < head >

    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

    < title > test Document < /title >

    "<!-< script type =" text/javascript"src ="... / SpryAssets/SpryEffects.js "> < / script > - >"

    < script src = "SpryAssets/SpryEffects.js" type = "text/javascript" > < / script > "

    < script type = "text/javascript" >

    function MM_effectSlide (targetElement, duration, of, to, toggle)

    {

    Spry.Effect.DoSlide (targetElement, {duration: duration,:, to: to, turn on/off: toggle});

    }

    < /script >

    < / head >

    < body >

    < p > < / p >

    < p > < / p >

    < style type = "text/css" >

    #LOdiv {visibility: hidden ;}}

    #Countries {visibility: hidden ;}}

    < / style >

    < p > < / p >

    < p > < / p >

    (< div id = "Latte" onclick = "MM_effectSlide ('LOdiv', 1000,"0% ", 100%", true) ">"

    < p > < strong > drop-down list One + show < facilities > < / p >

    < / div >

    < div id = "LOdiv" >

    < div >

    -Item A < br / >

    -Point B < br / >

    -Point C < br / >

    -Section D < br / >

    -Point E < br / >

    -Item F < br / >

    -G spot < br / >

    -Point H < br / >

    -I point < / div >

    < / div >

    < / div >

    (< div id = "ListTwo" onclick = "MM_effectSlide ('country', 1000,"0% ", 100%", true) ">"

    < p > < strong > list two + show < facilities > < / p >

    < / div >

    < div id = 'Country' >

    < div >

    -USA < br / >

    -Germany < br / >

    -France < br / >

    -Italy < br / >

    -Japan < br / >

    -China < br / >

    < / div >

    < / div >

    < span style = "width: 990px;" height: 21px' > < img width = 990 height = 21

    SRC = "image386.gif" >

    </span >

    < / body >

    < / html >

    Hello

    in my opinion, this technique is not designed for the two panels. To do this you must use the "Spry several sliding elements"-technique in which panels will be triggered by the individual buttons. "" Here is the link for it:

    http://labs.adobe.com/technologies/spry/samples/effects/multiple_slides_sample.html.

    Hans-Günter

  • Text too small menu Web page size in the mobile phone

    Hello

    I have a Web page to test 2 columns with a menu on the left and content on the right.

    The text in the menu is defined as make-size: 100%; which is the same as the paragraph tag used in the content side.

    However, the menu text when seen in a cell phone screen 5 "shows about half vertically or horizontally.

    The text of the menu is less then half the size.

    In my web browser on my pc and my Samsung Galaxy Note 10 "screen menu text is the same size as the content side.

    Visit the test here: text size

    That this has something to do with the @media rules and how to fix the menu text size?

    text1.jpg

    David

    Hello

    I did what you suggested removing the min-width: 850px; and now the size of the text is the same for all 3 web browsers.

    I noticed that my image was straddling the container div so I created an image class and removed from the HTML, the width and height and now the image is resized within the DIV.

    HTML:

    CSS:

    {.image1}

    Max-width: 100%;

    }

  • Help with my mobile menu bar on my Web page

    Hello

    First of all, I'm been completely new to Web design and have no idea of what I'm doing then you will probably see post me a lot in the next weeks. Im trying to create a wepbage for our youthministry to church. The Web page is www.ccifuel.com. My first question is on the menu of navigation on this subject. He seems to be moving from one place to another when the web browser is growing and I would like to keep it in a fixed position on the image. How do I do that? My last question is what im trying to creat a form to collect email addresses to launch a newsletter in the box titled "join our mailing list!" but when I try to enter in a spry validation text field, he says, "you can't insert this widget into an editable... "and so on. Any idea how do that area locked so I can insert a form here or would there be a better way to do this? Thanks for all the help in advance!

    Your navigation menu is just what you told it to: absolutely position the div containing (outerWrapper).

    If you want to just above the image, I suggest pulling back inside the content div, position it relatively (remove the absolute), give it a top margin to match your 'top' and make it float to the right, like this:

    #nav {}
    Clear: both;
    margin: 106px 0 - 15px 0px;
    Padding: 6px 0 0 10px;
    Width: 399px;
    visibility: visible;
    float: right;
    }

    Here's how I repositioned it in the code:


     

    Note that I moved to the closing tag on the "header" from the navigation div. This keeps the contained value.

    This arrangement won't allow anything that exceeds the nav div, but you can put the material on the left NAV. And you can always place a background image in the header if you want something that crosses all the way that div.

    You could also play with your position absolute div as long as you place it inside another div... it will be absolutely positioned div container, always. But the AP elements are delicate, and I prefer to put in place a system of div tags that depend on each other in relative positioning.

    Best,

    Beth

Maybe you are looking for