|
HTML - Building A Site For Mobile And Desktop Devices
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? 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. 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 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 im jack, i like challanging myself with new things, well a freind asked my if i could build them a website for their company. i said sure i would give it a shot and its my first time, im using ms office publisher 07 to build it with and i would always do a perview of it to make sure it was displaying right in the browser, well i finally got the site built its res is 1024/768 since its a common res and i dont know how to make a liquid or even a self centering site, anyways i just got dreamworks cs5 and since the site was already done i opened it in dreamworks and perviewed it and it looked and worked good. so using publisher i published the site and saved the files to desktop. i clicked on the published file index and it opened the browser and looked and work good in ie9 and mff so i decided to uploaded it to a free hosting site to test it one more time but this time online before uploading on my freinds server, so i uploaded the files using the site's builted in ftp loader, well all the files and indexs uploaded fine but when you open the site ojects are missing and some of the same pics will display on one page but wont load on other pages , so i need your expert help and knowlege to try to fix the site any help is greatly appercatted thank you. P.s. first web site ive built heres link to site http://haineswrecker.freewebsitehosting.com/ if need i can post publisher file or webpage loaded file, or script Ok gentlemen, here's my situation. I am by trade a Pc/laptop repair/upgrade tech but since tech's are dime a dozen here in NY the business is no longer what it was years ago so I have to branch out into some other line of work to support myself and family, I am 48 years old so time is not on my side, I intend on becoming a webmaster becuase I like it and also because this field would allow me to work from my home office taking whatever jobs I can find locally. I do have a little experience in web design having designed a couple of sites in the past using templates but not the coding I had not done which is why I decided to start from scratch to build a good foundation. It is my intention to keep on studying, I will have completed the XHTML/CSS course in the next day or so and I was advised here that Javascript should be my next logical move then PHP... but I am thinking since I am getting offers for small jobs locally here that I should first try to gain some practical experience building some actual sites while I am studying from the web design book THEN when I am finished with that which shouldn't take long move on to Javascript. Do you guys think this is the best move for me or should I complete Javascript and PHP first THEN go into actual web designing? Any thoughts/advice will be greatly appreciated, thanks. K so I decided to venture into the proxy business. I work deskside support for a living but I haven't really done anything with websites since college and so I've got just a passing familiarity with HTML. Right now I've got a Glype script uploaded to the domain and it's functional but it's a php file and I'm not sure how to integrate it with HTML to make this a well-rounded site with banners and such. I'm guessing the php script can be pasted into html in some fashion but each time I've tried it doesn't work. Can someone give me a leg up? So I'm developing a kind of desktop that u use by any browser. The idea of this is that you can find files and go thru files easy and do other things at the same time. In a new design. So I have a test site that gives you an idea on how it going to look. I am a rookie when it comes to coding and such so it's a simple site. Please come with tips and stuff that I should add. here is the test website. http://jaegarn.webs.com/ It all started yesterday when internet was shut down for one hour and I was bored When im developing this now I'm making it in swedish but it's easy to translate it and if somone wants I could translate it for it's release to english. So ya come with suggestions on what I should add and tips Over N Out JaegarN I would like have the HTML code for my web pages that will put my tiger icon on my page shortcuts that I save to my desktop. I believe its an attribute in the body tag such as: <body logo=""> or something like that. When I put a web page shortcut on my desktop an icon for that page appears above the name. I can not find the correct tags by sourcing the page. When I save this page to my desktop an icon displays above the name. Please help. Thanks Walt I have heard that it is possible to put a webpage on the desktop of a computer that has windows. Is it also possible to do this in linux? What I would like to do is to put a whole series of pull down menus on the desktop - one menu group would be for educational programs, one for Open office programs, etc. I would like to do this to get away from the whole nesting windows thing. Is it possible? easy? Hi, You know how sometimes websites with ever changing content (like stock market quotes, price of gold, etc) offer snippets of code that you can put on your own website to show charts/prices/etc? I was just wondering if there was a way to get that code to run on my desktop to show that changing content? It would only be a box approx 270 x 110 pixels if it was on a webpage, hopefully the same size on the desktop. The piece of code in question is: <A HREF="http://www.kitco.com/connecting.html"> <IMG SRC="http://www.kitconet.com/images/sp_en_6.gif" BORDER="0" ALT="[Most Recent Quotes from www.kitco.com]"> </A> I've searched thru the forum but found nothing that answers this question. Is there something out there that will take the html code and convert it into, say, an exe that will then run on the desktop? TIA 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 I have a client that I just built a website for. This website is viewed by many different people. The client is wondering if it is possible to have a link somewhere on the site that automatically downloads an image icon to the users desktop. Once this icon is in place on the users desktop, they can click that icon when they want to go back to the web site. He also stated he'd like an app button created for mobile devices. I think he's thinking these icons are one in the same. But from what little I know about creating an app, you need to know the Objective C language and the only way someone can get it is through an app store. He wants both windows and Mac users to be able to use this. Is this possible, or how should I go about approaching this another way to achieve the same thing? Thanks for any help or direction. I've got a bunch of tel: links on a site that work great with mobiles and desktops that have softphones but how can I tell the browser to not treat it like a dead link if no such application exists? Here's an example - clik on any phone number: http://sketch.uk.com/admin_contacts.php?menu=8 Hey there guys... I've been trying to make an HTML program that opens programs I direct it to. Now I have the layout all correct, it looks almost like a control panel with my most commonly used programs. I put hyper links on the pictures, but when I click on the picture that dialog box keeps opening! It's getting a bit irritating... Is there a way I can make them open with out keep clicking on open or save in the dialog box. I can't get notepad opened either! This is not web based just for my PC if that makes anything any easier! Also if there anything in JAVA that will be cool. I saw something to do with PERL but I cannot run the code on my PC, I think thats only web based and the coding is way to complicated! Thanks I have a website for my company, and at the bottom I have a clickable button which gives access to "resources" such as manuals and diagrams which is only accessible with a username and password. I would like to add a button that automatically opens the remote desktop connection tool (mstsc) on the users machine, and ideally ammend some of the default settings of this (drives, sounds etc). I have no idea if this is even possible! Any pointers (or a simple NO!) would be great! A company website I went to gives the user the option of downloading a program, the purpose I believe is to open a browser and automatically log the user into their online account at www.companysite.com. The user simply double-clicks an icon on the desktop which lauches the browser, etc. How can I do this? Anyone have a link to a fre script? Thanks! Chris I am trying to figure out how the user can click ANYWHERE on the webpage, and it will execute the 'Show Desktop' command (like in the quicklaunch -- for windows XP). The webpage will be used as the desktop background. I want the user to be able to click on the desktop background, and all other windows will become minimized. An onclick function perhaps, or something that executes "Windows key + M"? Please help, this is for my job lol Here's what I'm up to: Made this scrolling desktop background on my Windows XP machine and found that the desktop icons, which appear transparent over a standard, static wallpaper, are no longer so when the desktop background is changed to an HTML one. That is, the text that displays as if typed with a drop-shadow over a static .jpg wallpaper image shows up over an HTML background inside a colored box. I'd like to get the "no box" effect, the standard XP text with a drop shadow, over the HTML background. Is this possible? Ok I can't provide a picture to my layout as it is kept secret. But I created a layout in photoshop. I do have the Adobe Master Collection. Anyways, after had created my website layout I want to be able to type text over the images and be able to create a password and login field over an image. And I was wondering how do I do it in Dreamweaver? It seems like a very complicated program. Everytime I want to insert something over an image in the layout it breaks up all the sliced images and all the images are spaced out. Below is an image of the login and password field but it's just one image. How do I make it so that you'll be able to type text into them? Doesn't have to be in Dreamweaver if there is an easier way. |
|||||||