|
HTML - Designing Interface For Mobile Websites And Application
Similar TutorialsI decided to give my site a face lift but I started deleting random bits of code and now i'm too stressed to get it together again, so I need some help putting it back together.. You will see what i mean: http://www.freewebs.com/mutimediasto...20A%20TEST.htm Click the "home" link to see how it was before, I want it the same as the layout before but with my new stuff. Thanks Hi, I have developed a table. I want to display text in vertical. Depending on the browser, i am assign the css value to the div. It's displaying fine in IE, but in firefox, i am not able to align it properly. i tried many thing and it's not working.. I want to disply the same way as in the IE for the firefox. here's my code.. Style Sheet -------------- .firefoxdiv3-5Style { -moz-transform: rotate(-90deg); -moz-transform-origin: 100% 50%; font-family:Verdana; font-size:12px; font-weight:bold; color:#0156a6; width:44px; height:110px; display:block; } .iedivstyle { font-family:Verdana; font-size:12px; font-weight:bold; color:#0156a6; FILTER: flipv fliph; WRITING-MODE: tb-rl; width:44px; height:110px; display:block; padding-top:10px; } .ietdstyle { HEIGHT: 120px; BACKGROUND-COLOR: #c2d9e9; WIDTH: 44px; } .firefoxtd3Style { HEIGHT: 120px; BACKGROUND-COLOR: #c2d9e9; WIDTH: 44px; } HTML CODE --------------- <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> <link href="Stylesheet1.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!-- var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i=0;i<data.length;i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) != -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index == -1) return; return parseFloat(dataString.substring(index+this.versionSearchString.length+1)); }, dataBrowser: [ { string: navigator.userAgent, subString: "Chrome", identity: "Chrome" }, { string: navigator.userAgent, subString: "OmniWeb", versionSearch: "OmniWeb/", identity: "OmniWeb" }, { string: navigator.vendor, subString: "Apple", identity: "Safari", versionSearch: "Version" }, { prop: window.opera, identity: "Opera" }, { string: navigator.vendor, subString: "iCab", identity: "iCab" }, { string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { string: navigator.vendor, subString: "Camino", identity: "Camino" }, { // for newer Netscapes (6+) string: navigator.userAgent, subString: "Netscape", identity: "Netscape" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" }, { string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }, { // for older Netscapes (4-) string: navigator.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch: "Mozilla" } ], dataOS : [ { string: navigator.platform, subString: "Win", identity: "Windows" }, { string: navigator.platform, subString: "Mac", identity: "Mac" }, { string: navigator.userAgent, subString: "iPhone", identity: "iPhone/iPod" }, { string: navigator.platform, subString: "Linux", identity: "Linux" } ] }; BrowserDetect.init(); // --> </script> <script type="text/javascript"> function WriteFunction() { var browsername = BrowserDetect.browser; var browserVersion = BrowserDetect.version; if (browsername == "Explorer") { document.getElementById("tdcatiav4").className="ietdstyle"; document.getElementById("tdcatiav5").className="ietdstyle"; document.getElementById("tdunigraphics").className="ietdstyle"; document.getElementById("tdsolidworks").className="ietdstyle"; document.getElementById("tdparasolid").className="ietdstyle"; document.getElementById("tdiges").className="ietdstyle"; document.getElementById("tdsteps").className="ietdstyle"; document.getElementById("divcatiav4").innerHTML = "<center> </center>CATIA V4"; document.getElementById("divcatiav4").className="iedivstyle"; document.getElementById("divcatiav5").innerHTML = "<center> </center>CATIA V5"; document.getElementById("divcatiav5").className="iedivstyle"; document.getElementById("divunigraphics").innerHTML = "<center> </center>Unigraphics"; document.getElementById("divunigraphics").className="iedivstyle"; document.getElementById("divsolidworks").innerHTML = "<center> </center>SolidWorks"; document.getElementById("divsolidworks").className="iedivstyle"; document.getElementById("divparasolid").innerHTML = "<center> </center>Parasolid"; document.getElementById("divparasolid").className="iedivstyle"; document.getElementById("diviges").innerHTML = "<center> </center>IGES"; document.getElementById("diviges").className="iedivstyle"; document.getElementById("divsteps").innerHTML = "<center> </center>STEP"; document.getElementById("divsteps").className="iedivstyle"; } else if (browsername = "Firefox") { if (browserVersion == "3.5") { document.getElementById("divcatiav4").innerHTML = "<center> </center>CATIA V4"; document.getElementById("divcatiav4").className="firefoxdiv3-5Style"; document.getElementById("tdcatiav4").className="firefoxtd3Style"; document.getElementById("tdcatiav4").align="center"; document.getElementById("tdcatiav5").className="firefoxtd3Style"; document.getElementById("tdcatiav5").align="center"; document.getElementById("tdunigraphics").className="firefoxtd3Style"; document.getElementById("tdunigraphics").align="center"; document.getElementById("tdsolidworks").className="firefoxtd3Style"; document.getElementById("tdsolidworks").align="center"; document.getElementById("tdparasolid").className="firefoxtd3Style"; document.getElementById("tdparasolid").align="center"; document.getElementById("tdiges").className="firefoxtd3Style"; document.getElementById("tdiges").align="center"; document.getElementById("tdsteps").className="firefoxtd3Style"; document.getElementById("tdsteps").align="center"; document.getElementById("divcatiav5").innerHTML = "<center> </center>CATIA V5"; document.getElementById("divcatiav5").className="firefoxdiv3-5Style"; document.getElementById("divunigraphics").innerHTML = "<center> </center>Unigraphics"; document.getElementById("divunigraphics").className="firefoxdiv3-5Style"; document.getElementById("divsolidworks").innerHTML = "<center> </center>SolidWorks"; document.getElementById("divsolidworks").className="firefoxdiv3-5Style"; document.getElementById("divparasolid").innerHTML = "<center> </center>Parasolid"; document.getElementById("divparasolid").className="firefoxdiv3-5Style"; document.getElementById("diviges").innerHTML = "<center> </center>IGES"; document.getElementById("diviges").className="firefoxdiv3-5Style"; document.getElementById("divsteps").innerHTML = "<center> </center>STEP"; document.getElementById("divsteps").className="firefoxdiv3-5Style"; } } } </script> </head> <body onload="WriteFunction();"> <form id="form1" runat="server"> <div> <table border="1" style="width:425px"> <tr> <td style="width: 120px; height:120px"></td> <td id="tdcatiav4"><div id="divcatiav4"></div></td> <td id="tdcatiav5"><div id="divcatiav5"></div></td> <td id="tdunigraphics"><div id="divunigraphics"></div></td> <td id="tdsolidworks"><div id="divsolidworks"></div></td> <td id="tdparasolid"><div id="divparasolid"></div></td> <td id="tdiges"><div id="diviges"></div></td> <td id="tdsteps"><div id="divsteps"></div></td> </tr> </table> </div> </form> </body> </html> Please help me out.. Thanks Rajagopalan. I need to recreate the text paragraphs on the home page of www.advanced1.net. The issue I'm having is getting both sides of the paragraphs at the slant. Does anyone have any ideas on how I could possibly do this? Thanks, George similar to this. http://groups.myspace.com/index.cfm?...5EEF8181551476 i can make all the graphics so thats not a problem but how do i make it? First of all, I have only just started this site, and it's only ever going to be a very basic HTML site. It's going to be a ground guide for Non-League football. Here is one of the completed ground pages so far. Most of the links don't actually take you to anything in perticular, so don't shout! I'd just like a couple of ideas on how to improve the general look of the site. Thanks! Code: http://79.170.43.200/adp-design-demos.com/nlgg/wadham_lodge.html Don't worry about the ugly domain, it's only going to be like that during testing hello, I'm having a little trouble trying to find a solution, maybe I'm just searching the wrong key words as ive spent a hours trying to work this out, what I'm after is a way that once I have created a website, I can add some form of coding or software that allows the website owner/end user to change the content or add pictures easily with out the need to have any knowledge in HTML etc. I know this should be possible as many website company's offer this service and it's also used on the web site building software offered by most hosting providers. If someone could point me in the right direction or just what this type of service is called I would be very greatful. Many thanks Julian I want to create a web interface to my SQL server 2008 database. What is the most efficient way to do this? With all the various options available, i'm not sure which is the best language to use ? Thanks .................... Does anyone know any useful websites to learn how to use HTML? I've used w3school's but i don't find it great. I'm a student learning XHTML. As part of a project I need to locate websites which provide troubleshooting tips for different problems (images, wacky tables, etc). Does anyone know of an especially good website for obtaining this kind of info? Help is greatly appreciated. Hey whatsup? I am working on a wrestling site ( www.bballcentral.com/stkf ). ANyways, im trying to get videos up onto the site? How do i do that and what sthe best ways? if i want to make the content of 1 frame on my website, another website ?? how do i do this???? Hello! I was wondering how you make a little logo to your website like the one on google.com for an example. How do professional websites update all of their pages at once? For instance I see that a website has change the navbar in every page, (1000+ pages) At the moment, I first make my home page, then I copy&paste it and change the text etc, but if I wanted to change the navbar, I would be needing to change every single page 1 by 1. Hi, I have a pretty general question but i'm posting it here since it pertains to xhtml and content. As far as I understand the big deal about css is that it makes your sites flexible and lets you edit the layout and look of every page just by changing the stylesheet/s they are linked to. Is there a way to do this with content? What if I have hundreds of pages and want to add a link to the navigation bar? Is there a way to link templates and content to script the same way I link css? Thank you in advance and feel free to move this if this isn't the appropriate board. hi, i am currently trying to learn HTML and wanted a free live website to practice on, however when i signed up for one at tripod.com, i had to use some setup guide thing, even when i clicked "start a blank website". most other free website services seem to have something similar. Is there a way around this, so i can start from scratch and build the website purely with html/xhtml etc. or a different histing service that lets you do this? any information would be appreciated, thank you Hi everyone, When using the zoom function on a website, should the elements move and disjoint? I'm fairly sure they shouldn't but it's a question going round... thoughts? Nick Hi, I'm new to HTML and my interest is purely in coding for emails. My specific challenge de jour is coding a photo into an email without it (i) needing to be on an external server or (ii) an attachment. I want the photo to travel with the email body with no external link. Is this possible and if so, can I be pointed to an example of same? Cheers. I had created a similar thread here a while back but that was regarding site "maintenance". I am now bidding for my first paid job locally here in NY but this is all I have to go on from the person: The work on my website will require flash/animation inserts. They will be self-building PowerPoint slides. Which of your samples includes or comes closest to that? You must give me a maximum compensation figure if you want to be considered. I had told him that I cannot give a price without knowing all details, how many pages, images, if the need animation e.t.c and I still don't know but that is mainly how it's done here in NY, people tell you next to nothing and ask you what you will charge, how would you guys handle this please? In the beginning, managing a relatively small website was easy if I wanted to change the menu and main template. I could just go in and change the snippets of code on each html document. Now that my website a little larger (Not huge, but somewhere around 60/70 pages), it is starting to get far harder to change the menu and general template because I have to change each individual page. For example: I want to add another link on the left side menu. To do this, I must go through every single html document and edit the code. So my question is, is there an easier way to do this? Can I somehow set up a master template without having to resort to frames? Any help is greatly appreciated. Thank you! |
|||||||