|
HTML - Images Not Loading Automatically On Mobile Devices
Hi all,
I have desgiend and coded an HTML newsletter to be compatible with mobile devises however when testing this newsletter through the email marketing service the images do not load automatically. My service provided says its something with the coding and has nothing to do with the fact that I'm sending email through their service. Sidenote: when I test the newsletter and send it through my outlook via the "send page by email" in browser ...images do load automatically when I view it on my blackberry. :/ Here's a link to the page http://www.globalaerospace.com/ftp/e...012/index.html Any feedback would be greatly appreciated. I'm not so good with programming., mainly a designer Similar TutorialsHi I recently used an emulator service to see how a page I made would look on mobile devices. note that it's just a web page - not an app for any of them. Here's the screenshot for four of them: I want it to look like the last one on mobile phones, so that the screen is filled. how do I do that on the iPhone and in Chrome? The wrapper DIV width is 302px. Thanks for your time and help. Shaun Hi peeps So I finally sorted out my website. Tested it on the main browsers and everything was okay. I uploaded it and then went to show a friend on my Iphone and waddya know, it doesn't display properly. For some reason the background image tiles 4 times. And this goes for Iphone, Ipad, and Ipod. There are parts of the site that use flash so It's not optimised for Iwhatevers anyway, but I'd definately like to sort out this "first impression" problem. The site is an adult site (Don't worry there is nothing more than sexy images to be seen. no genitalia or anything). It's www.xturnmeonx.com Any ideas peeps. I need to create an HTML page for mobile devices that displays videos. Ideally, it needs to work with older phone browsers too, so I was hoping someone could help me with the following questions: 1. What doctype should I use (XHTML Basic 1.1?)? 2. What's the best way to embed the video in the HTML? 3. If the video can't be embedded, is it good practice to (also?) provide a link so the user can download the video to show in a separate video player application? 4. What video media type(s) are best supported in mobile devices? NB - I will be using Java to create the HTML, so if there's a need to get any request headers, etc. then I could do that in order to provide the best output according to the device. Thanks in advance, James Hi everyone. I need some advice. I currently run a website for the local snooker league here, http://www.ldbsa.co.uk, and I have a mobile version of the site, http://mobile.ldbsa.co.uk. Currently these are two separate sites, with a PHP script running on the pages to determine what browser and device is being used, and being re-directed to the mobile site should you be on a mobile device. My main issue with this is that I have to update both websites separately, as they are two compeltely independent websites, both pulling the same data in from a MySQL database though. What I would like to do, is to have the same website for both, with a different stylesheet loading depending on the device. This obviously has its advantages in that I only have to update the site once, but the disadvantages come when coding the site. One other method I though about doing is to turn virtually all areas of the site into database driven, including menu items, headers, references to images etc. This way, all I need to do is the write two different stylesheets for the main structure and look of the both versions. The main difficulty I see happening is coding a structure in html that will work for both mobile nad desktop devices. Is this the best way to go about it? Or would you advise keeping the two sites separate? Hi, I was wondering what the easiest way was to add an image loader to a cell on a table. Basically I want the user to be able to browse their images for an image file and then load that to another cell on the table. I don't have much experience with HTML but I need to learn how to do this code for one of my assignments and I couldn't find any clear tutorials on how to do it. Any help would be appreciated. Hi everyone Newbie here and nearly finished my first site - phew! I have one quick question - you know how a browser shows an outline box of the shape of an image before the image downloads, well, is there any way to get rid of it? This box disappears once the image has loaded so it is nothing to do with the "border" tag and all of my images have the height, width border="0" and alt tags completed. (I use a lot of images on the my site as I am a photographer and it looks really ugly while it is waiting for the images on a slow connection) Am happy to use html, css, java... Thanks for any help. Tre Hi , I am playing around with the code for getting videos to resize in response to what device they are being viewed on . The youtube screen is 50% on desktop but when i minimise the youtube box on other media its making it to small for that devices .. .size-one .fluid-width-video-wrapper iframe, .size-one .fluid-width-video-wrapper object, .size-one .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 50% !important; height: 50% !important; <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="https://raw.github.com/davatron5000/FitVids.js/master/jquery.fitvids.js"></script> <script> // FitVids jQuery(document).ready(function(){ // Target your .container, .wrapper, .post, etc. jQuery("#wrapper").fitVids(); }); </script> <div class="my-size-one"> "DUozxfgsclY" </div> <div id="featured"> <h3>video tests...</h3> <div class="size-one"> <iframe src="http://www.youtube.com/embed/DUozxfgsclY" frameborder="0" width="560" height="315"></iframe> </div> Anyone know why ? Thanks in advance and im sorry if this is in the wrong posting place. If so can you tell me where it needs to go . adam Hi, I want to load a window with loading image on a button click. The new window is having an other content so before loading the actual content i want to disapear the loading image from the new window. I tried with html like <html> <img src=".." /> --------------------- Actual content " display:none " ----------------------- <script> actual contentid.display:block; img.display:none; </script> </html> But in this method am seing the image after some time lanching the window. i want to c the image right after launcing the window till my actual content loads. can anybody suggest something for this,..... http://www.heresmary.com I just finished uploading my site, and I noticed that when I click on a link the page loads then loads again a split second after. Does this happen to anyone else? If so can anyone give me any advice about it? Can any one help me how to design web for mobile. I design a web by Frontpage, look beautiful in PC but can not read in mobile. Thanks in advance I'd like to write a cross-device mobile application/website. I tried to use this: "<meta name="viewport" content="width=*px" />" in head although I don't understand how it works. It adjusts auto zoom level on mobile browsers. However what will be set to *px? What does it mean if there's "device-width" in place of *px I tried to make a form and I checked it out on WM, Symbian and IOS but each phone visualized other. How can I make this cross-platform? Please help! Balu314 (sry my english is poor) Looking for a hint on how to detect a mobile device and redirect to a mobile webpage. Also what would be the optimal width for a mobile website? Thanks, Dano What is the reason that i cannot scroll my site left and right on smartphones ? Hello, Why cant i scroll my site on mobile smartphones ? www.muchmarketing.co.il thanks Hi all, I thought you might find this report of interest... It is released by www.handsetdetection.com every month and basically gives an insight into mobile web usage and in particular, which are the preferred handsets for consumers to surf the mobile web, by Country. If you are looking to better understand the growing mobile web sector, and the implications that this has on web marketing, design and development, the data is quite useful. You can check it out here http://bit.ly/RawReports Cheers David Hello. I am not sure if this is the correct place for this question. Please direct me if not. I am trying to set a webpage to redirect and display a different page if the first page is accessed from a mobile device (phone). Does anyone know how I can achieve this? I just need to know how to determine what it is viewed on. The redirect part I know already. Thanks so much for all help! Hi I'm a bit of a newbie to any kind of HTML codes Ive made a Test website so I can try out this piece of software that helps to create mobile web sites using HTML Here's the Website : http://82.45.130.37/atozcouriers/ftp...001/index.html Heres the HTML : http://www.2shared.com/document/XdlY...html?(Password :21) I am using notepad to edit as any web editor messes up the viewing of the website in a Mobile Browser The mobile Browser is Safari on iPad,iPhone or iPod touch My problem only happens on one page , the homepage. It aligns the main body to the right a bit and adds a line I've experimented a bit but as I'm a newbie I'd don't know what to do. Any help would be gratefully appreciated. Thanks keirjohnharry Hey guys, If I'm posting in wrong section I apologize I have a small problem what I need help with. I use a free service for redirecting people to my mobile site, but there service is down for last 6 days or something got wrong. Anyway I decided to use .htaccess rewrite to redirect them to mobile site. The problem I have is that I cant really find how to do it efficiently and what I need because I have two different mobile sites. here it goes: My site example.com First mobile site is example.com/index.php?template=3 (this one is mainly for blackberry and all rest mobile devices, and I like this one to load in opera mini also if possible) Second mobile site is example.com/index.php?template=5 (that one is specifically for iPhone and android phones) I am really don't know how to do it please! Thank you. Hi everyone, What is the code that i will have to enter to my website so mobile phones will be able to access it? I need to make my site suitable for mobile browsers (small resolution, etc.) and looked at this page which gives tips on how to do it. It seems like a nightmare! I think it would be much simpler just to create a special version of the site and redirect people to it when they go to the main page. Is redirecting considered a bad idea? And if so, why? |
|||||||