|
HTML - ...if Viewed On A Mobile Phone
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! Similar TutorialsHi everyone, What is the code that i will have to enter to my website so mobile phones will be able to access it? hello can someone explain to me/show me some code to do the following. What i have is a site that i need a part on it to have a index.htm page only display once. so once the user views the page, it turns into a meta refresher after it is closed. I need this so once users make there board on my site, they can view a page telling them what to do, and whenever there folder is viewed again that index.htm file will be a meta refresher, and redirect to a specific file i can choose. if this cant be done in html then how can i do this in php at least? thanks guys! Hello. I have a website all based in php-fusion, and before it, I had one based on php-nuke on the same address. Since I upgraded, every user who was automatically logged in the old site, when visits the new page, get a error message, because php-fusion is searching in his cookies info witch is mismatched, because it were made by Php-Nuke. So, I wanna create a welcome page, all in HTML, telling the user about the error and also telling him how to erase the mismatched cookies, and when he click in "proceed to home page", the site saves a cookie in his computer, and when he visit the page again, he will be automatically redirected to the home page. How can I do that? Hi, I would like to display a counter below an image which shows how many times it's been clicked and viewed. Could someone possibly help me with some code to do this. Thanks Simon Hi Everyone, I am currently creating an email template that is intended for viewing through Outlook 2010 / 2007 & Hotmail / Live Mail (through a Web Browser). So far I have created a design that I am visually pleased with, and it displays fine in Outlook 2010. However when I load it into a browser I see "white space" between tables / rows / cells. I have explictly set the cellpadding & cellspacing both to Zero - however the web browsers (Chrome & IE9) insist on "putting in gaps". If anybody has any suggestions on how I can remove the gaps they will be greatly appreciated. Kind Regards, Davo I want to keep home page music playing as linked images are viewed. When I post family photos on our site, I like to add background music. My posts consist of a home page containing a table of thumbnails, each linked to its larger image on a separate page. (You can then scroll directly from one larger image to another.) I can EMBED music into the home page, but it stops playing when a linked page/image is opened. I get around this be inserting the table of thumbnails as an OBJECT into a separate home page that contains the music. That works; the music then continues to play as I scroll through the table's links. But there are two problems. First, when the thumbnails table is larger than a single screen, the table develops its own vertical scroll bar, so there are now two scroll bars showing, which is confusing. Worse, the larger images from thumbnails lower in the table are no longer properly positioned when seen on their own pages; you have to scroll each one to get it back into view. Is there a better way to keep the home page music playing as linked images are viewed? I have a Mac Laptop with OSX 10.4, and use Netscape Composer to make my sites. (OK, I'm a dinosaur, but I fear I'm too ancient to be able to learn a different app.) Hi the phone number box is not placed correctly as you can see he http://extramoney.net16.net How do i fix it ? There must be a small error in the code .. HTML code he <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Exclusive - Template</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <STYLE type=text/css>#mainWrapper { MARGIN-TOP: 0px; FONT-SIZE: 12px; MARGIN-LEFT: auto; WIDTH: 732px; COLOR: #333333; MARGIN-RIGHT: auto; FONT-FAMILY: Arial, Helvetica, sans-serif } BODY { MARGIN-TOP: 0px; BACKGROUND-IMAGE: url(repeater-orange.jpg); BACKGROUND-REPEAT: repeat-x } #video-area { BACKGROUND-IMAGE: url(../ExclusiveTemplate/HTML/images/video-area-bg.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 385px } #footer { BORDER-TOP: #cccccc 1px dotted; MARGIN-TOP: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .style1 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666 } </STYLE> <META content="Created with Trellian WebPage" name=description> <META content="MSHTML 6.00.2900.6036" name=GENERATOR></HEAD> <BODY> <DIV align=center> <TABLE style="Z-INDEX: 101; LEFT: 331px; WIDTH: 589px; POSITION: absolute; TOP: 103px; HEIGHT: 351px" height=351 cellSpacing=0 cellPadding=0 width=589 border=0> <TBODY> <TR> <TD><IMG style="WIDTH: 596px; HEIGHT: 334px" height=300 alt="" hspace=0 src="7fa10df874.jpg" width=600 border=0></TD></TR></TBODY></TABLE><IMG height=87 alt="" hspace=0 src="header-orange.jpg" width=732 border=0><BR> <DIV id=mainwrapper style="WIDTH: 733px; HEIGHT: 98.9%"> <DIV align=center><IMG height=385 alt="" hspace=0 src="video-area-bg.jpg" width=732 border=0></DIV> <P align=center><FONT face=Default size=2><FONT face=Impact><FONT size=3><FONT face="Gill Sans MT" color=#ff0000 size=4><STRONG>Discover The Secret $35K/Month System That <U>WILL</U> Separate You From The Pack!</STRONG></FONT> <BR></FONT></FONT><FONT face="Tw Cen MT"><FONT face="Lucida Sans Unicode" color=#000000><FONT color=#000000><STRONG><FONT face="Gill Sans MT" size=3>(The Very Good News Is That Im Gonna Reveal It To You For FREE! This Is Unheard Of..!)</FONT></STRONG><BR>You Will Be Getting Instant Access To The Full 1on1 Training Course That <BR>Others Have Paid Upto $1,997 To Use For <U>FREE</U>! This Wont Last Long, Sign Up Today...<BR></FONT> <SCRIPT src="http://www.jotform.com/min/g=jotform&3.1.9" type=text/javascript></SCRIPT> <SCRIPT type=text/javascript> JotForm.init(function(){ $('input_7').hint('ex: myname@example.com'); }); </SCRIPT> <LINK href="http://www.jotform.com/css/styles/form.css?v3.1.9" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/styles/jottheme.css" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/calendarview.css?v3.1.9" type=text/css rel=stylesheet> <STYLE type=text/css>.form-label { WIDTH: 100px! important } .form-label-left { WIDTH: 100px! important } .form-line { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .form-label-right { WIDTH: 100px! important } .form-all { FONT-SIZE: 12px; BACKGROUND: #ffffff; WIDTH: 275px; COLOR: #000000! important; FONT-FAMILY: "Trebuchet MS" } </STYLE> <FORM class=jotform-form id=3155437226 name=form_3155437226 accept-charset=utf-8 action=http://www.jotform.com/submit.php method=post><INPUT type=hidden value=3155437226 name=formID><FONT size=3> </FONT></P> <DIV class=form-all> <UL class=form-section> <LI class=form-line id=id_9><LABEL class=form-label-left id=label_9 for=input_9><FONT size=3>First Name<SPAN class=form-required>*</SPAN> </FONT></LABEL> <DIV class=form-input id=cid_9><INPUT class="form-textbox validate[required]" id=input_9 size=25 name=q9_firstName><FONT size=3> </FONT></DIV></LI> <LI class=form-line id=id_7><LABEL class=form-label-left id=label_7 for=input_7><FONT size=3>E-mail<SPAN class=form-required>*</SPAN> </FONT></LABEL> <DIV class=form-input id=cid_7><INPUT class="form-textbox validate[required, Email]" id=input_7 size=25 name=q7_email><FONT size=3> </FONT></DIV></LI> <LI class=form-line id=id_8><LABEL class=form-label-left id=label_8 for=input_8><FONT size=3>Phone Number<SPAN class=form-required>*</SPAN> </FONT></LABEL> <DIV class=form-input id=cid_8 style="WIDTH: 156px; HEIGHT: 41px"><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_area size=3 name=q8_phoneNumber8[area]><FONT size=3> - </FONT><LABEL class=form-sub-label id=sublabel_area for=input_8_area><FONT size=3><FONT size=1>Area Code</FONT> </FONT></LABEL></SPAN><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_phone size=8 name=q8_phoneNumber8[phone]><FONT size=3> </FONT><LABEL class=form-sub-label id=sublabel_phone for=input_8_phone><FONT size=3><FONT size=1>Phone Number</FONT></FONT></LABEL></SPAN></DIV></LI> <LI class=form-line id=id_2> <DIV class=form-input-wide id=cid_2> <DIV class=form-buttons-wrapper style="TEXT-ALIGN: center"><FONT size=3><INPUT type=image height=69 alt="Submit Form" width=270 src="get-instant-access.jpg" border=0> </FONT></DIV></DIV> <LI style="DISPLAY: none"><FONT size=3>Should be Empty: </FONT><INPUT name=website><FONT size=3> </FONT></LI></UL></DIV><INPUT id=simple_spc type=hidden value=3155437226 name=simple_spc> <SCRIPT type=text/javascript> document.getElementById("si" + "mple" + "_spc").value = "3155437226-3155437226"; </SCRIPT> <FONT size=3></FONT></FONT></FONT><BR></FONT><IMG style="Z-INDEX: 102; LEFT: 362px; POSITION: absolute; TOP: 675px" height=111 alt="" hspace=0 src="arrow-hand.JPG" width=128 border=0> <IMG style="Z-INDEX: 103; LEFT: 781px; POSITION: absolute; TOP: 672px" height=111 alt="" hspace=0 src="arrow-hand1.JPG" width=128 border=0> <TABLE style="Z-INDEX: 104; LEFT: 371px; TOP: 853px" height=16 cellSpacing=0 cellPadding=0 width=506 border=0> <TBODY> <TR> <TD> <P class="style21 style1" align=center><FONT face=Arial><FONT color=#000000 size=2>The Goal Is To Create The Next 20 "Internet Big Shots" This Year!<BR>(Your Background, Experience, Online Skills, Looks, Doesnt Matter)<BR></FONT><BR></FONT>Michael?s Millionaire Mentoring - Home - Privacy - Disclaimer - All Rights Reserved 2010</P></TD></TR></TBODY></TABLE></FORM></DIV></DIV></BODY></HTML> 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 What is the reason that i cannot scroll my site left and right on smartphones ? 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 Hello, Why cant i scroll my site on mobile smartphones ? www.muchmarketing.co.il thanks 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) 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 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 Hi 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 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. Is there any code out there that will detect whether a visitor to a website is using a mobilephone? If they are, I want the code to automatically send them to my mobile version of my site. I'm guessing it maybe somekind of resolution detection??? The BBC website can do this. Does anybody know how? Leroy When I create a test page using DIV and set it to 480 px wide, my iPod Touch does not have it initially filling the screen; I have to double tap it to have it fill the screen. What step am I missing? Many thanks... Todd Hi All, I was hoping for some help in finding some Beta participants out there who would be interested in trying out our new service. We have just launched in Beta mode. (its free to use). There will also be a free version after the official launch. The first step is to browse your way over to: http://www.handsetdetection.com/ We hope that this will represent one of the first steps in solving the mobile and web crossover issues which website owners and developers face when people view the site from any device other than a normal computer (I-phone / Balckberry / PDA). Once connected to our service, when someone visits your site, a live request is sent to us, and we return a result back to you on a live basis with details of the device, screen size, GEOIP, make, model and many other fields of information. From that point, you can do one of two things: 1. Depending on the result returned, you can then display an appropriate view for the consumer i.e. A website that will fit their device's screen size and UI which is controlled by the way in which they are browsing (i-phones suit touch screen menus, N95's suit joystick controls and so on...) 2. If option 1 is too much of a first leap, after you add the code into your website, you can just login to our online reporting system and view your traffic results based on device make, model, country, city etc... This would be a great first step in understanding whether you are getting traffic to your site from non traditional browsing devices. As I mentioned, we are in Beta stage, so we would value your feedback on this. Also, if you know of anyone else who may be interested in participating in this Beta stage, I would be grateful if you could pass this message on... Regards, David Manjra skype: dmanjra Hi there I'm new to this site but think I'll be sticking around for the wealth of information here. So...I recently designed a website for a friend working off a nice little template to save time. Everything looks great and operates exactly how they requested on a desktop browser. However, the images become vertically stretched when viewing on a mobile device pretty severely. I'm confused because it's only the photos, other graphics (also jpegs) do not become distorted. Is it because I used width="x%" and height="x%" in the image tags www.rideums.com is the website if you'd like to take a look at the source. Thanks guys for helping out. |
|||||||