HTML - Xhtml Strict 1.0 Vs Xhtml 1.1
Which one is better? XHTML STRICT 1.0 or XHTML 1.1
Similar TutorialsI'm sure people will think this has been answered a million times before, but unless I'm completely blind, I've not seen a single piece of XHTML that does this. This is a screen layout that I have to create under XHTML strict specification: Code: <window, not scrolling> <site header: must always show at the top of window, fixed pixel height, not scrolling /> <container: not scrolling, fills the window height> <left sidebar: must always show on the left, fixed pixel width, full height, not scrolling /> <container P: not scrolling, variable size, fills available width and height > <page header: must always show at at the top of container P, fixed height, not scrolling /> <page content: the only scrolling area, variable size, fills available width and height in container P /> <page footer: must always show at at the bottom of containerP, fixed height, not scrolling /> </container P> <right sidebar: must always show on the right, fixed pixel width, full height, not scrolling /> </container> <site footer: must always show at at the bottom of window, fixed pixel height, not scrolling /> </window> any ideas? I don't want to use script, just css. Width seems no problem but height is a heck of a problem. The only way I've managed it so far is using a table layout which works for Safari but not in IE8 or Mozilla. I'm currently in the process of updating my site from very old html to xhtml 1.0 strict standards. I've bought myself a good book and looked quite a bit on the web, but unfortunately I haven't found the answer to this question: With the extinction of frames, how do I create a 'navigation bar' at the top of my pages without putting the same code into each document and having to update a multitude of files each time I change the location of one document being referenced by the navigation controls? I'm using external CSS files for my presentation control. Currently, I am using a single xhtml 1.0 frameset file to set-up the frames, then using xhtml 1.0 strict for the main files. The navigation file, however, is using xhtml 1.0 transitional simply because I don't know how to mimic the "target" attribute in the <a> element to target the main frame. I know I can use the 'onclick' and 'onkeypress' event activators in the <a> element to open a new window [window.open(this.href); return false;], but how can I apply that to target a frame and not a window? Of course, that may become a moot point if there's a way to get rid of the frames altogether... Douglas --- http://www.SilverThumbStudios.com/xhtml So many of you have tried to help me with my website http://webtvdeluxe.com/home.php . Someone was kind enough to make a css version of it with no tables. However, I couldn't get the newsboard to work with it because of the difference in coding. So I started from square one and decided to try xhtml because it is not much different from html and I'm trying to get my webpage xhtml strict validated. Have one problem I can't figure out. If you look at my page, some of the images are broken away from the tables. In transitional mode, my page looks fine. But in strict mode it does that. I know you can't use the align attribute in strict so that why I attempted to make the td and table values in CSS instead. I put every value I could think of and none of them are working. Anyone know how to fix this? I know that I have been a pain because I've been asking a lot of questions. I really do appreciate all the help that you all have been giving me. It's probably something silly but I guess I'm too frustrated to figure out what it is. I have a Web site whose pages are XHTML 1.0 Strict, and the vast majority of them are valid pages, according to the W3C validation page. Some of the pages are not valid, however, as I use some items such as target="_blank" and ol start="26" and items like that. Would any problems develop with indexing (or with anything else) if I decided to make the invalid pages transitional and keep the rest strict? Is it ok to have a mix of XHTML 1.0 Strict and XHTML 1.0 Transitional on a single site? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <body bgcolor=999900 text=990000> <div align="center"> <h1><img width="50" height="50" src="../../3com0125%20DEIS/Assessment%20Briefings/sunflower.gif"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Modules in the BSc / BA SSAM programme</font><img width="50" height="50" src="../../3com0125%20DEIS/Assessment %20Briefings/sunflower.gif"></h1> </div> <center> <font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> <hr> </font> <p><font face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular"><a href="../../3com0125%20DEIS/Assessment%20Briefings/index.html">Home Page</a> /<a href="../../3com0125%20DEIS/Assessment%20Briefings/SSAM.html"> Programme Description</a> / <a href="../../3com0125%20DEIS/Assessment %20Briefings/diary.html">Timetables and Diary Dates</a> / <a href="../../3com0125%20DEIS/Assessment%20Briefings/help.html">Help and Advice</a> / <a href="../../3com0125%20DEIS/Assessment%20Briefings/staff.html">Contact Us</a> / <a href="../../3com0125%20DEIS/Assessment%20Briefings/News.html">News</a> / </font></p> </center> <font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> <hr> </font> <h3> <h3><font face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Level 3 modules </font></h3> </h3> <div align="center"> <table border="1" frame="Box" rules="All"> <tr height="19"> <td align="center" height="19" width="96"><b><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Code</font></b></td> <td align="center" height="19" width="350"><b><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Course</font></b></td> <td align="center" height="19" width="73"><b><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Credit Points</font></b></td> <td width="73" height="19"> <center> <b><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Semesters</font></b></center> </td> </tr> <tr height="19"> <td height="19" width="96"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3MMF0028<br> 3COM0122</font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">BA Contextual Study<br> BSc Contextual Study</font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="16"> <td height="16" width="96"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3MMF0022<br> 3COM0121</font></td> <td align="left" height="16" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">BA Project Planning<br> BSc Project Planning</font></td> <td align="center" height="16" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="16"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="19"> <td height="19" width="96"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><font size="2">3MMF0024</font></font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Competitions</font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="19"> <td height="19" width="96"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><font size="2">3MMF0025</font></font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Industry and Sector Study<br> Career Contexts and Visions</font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <div align="center"> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">B</font></div> </td> </tr> <tr height="19"> <td height="19" width="96"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3MMF0023<br> 3COM0126</font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">BA Project Realisation<br> BSc Project Realisation</font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">30</font></td> <td width="73" height="19"> <div align="center"> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">B</font></div> </td> </tr> <tr height="19"> <td width="604" height="19" colspan="4"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">And a choice of one of the following in Semester A:</font></td> </tr> <tr height="19"> <td height="19" width="96"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><font size="2">3MMF0026</font></font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Webarts </font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="19"> <td width="96" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3COM0123</font></td> <td width="350" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3D Interactive Media</font></td> <td width="73" height="19" align="center"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="19"> <td colspan="4" width="604" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">And a choice of one of the following in Semester B:</font></td> </tr> <tr height="19"> <td width="96" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3COM0124</font></td> <td width="350" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Webware</font></td> <td width="73" height="19" align="center"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <div align="center"> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">B</font></div> </td> </tr> <tr height="19"> <td width="96" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3COM0125</font></td> <td width="350" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Design and Evaluation of Interactive Systems</font></td> <td width="73" height="19" align="center"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <div align="center"> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">B</font></div> </td> </table> </div> <p></p> <h4><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Term Dates, Other Significant Dates and Assessment Deadlines</font></h4> <p><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Click <a href="../../3com0125%20DEIS/Assessment%20Briefings/Calander0809.html">here </a> for a calander of term dates or <a href="../../Not%20current/SSAM %20review/Assessments0607.html">here</a> for a list of the assessment deadlines for all of the modules from last year. This only serves to give you an impression of what is likely to happen and to help you plan your work time. You will have to consult each module's StudyNet web site for a more definitive view of what the deadlines are.</font></p> <font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> <hr> </font> <address><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Maintained by <a href="mailto:L.J.Pye@herts.ac.uk">Lynette J Pye<br> </a> University of Hertfordshire Higher Education Corporation</font></address> <address><a href="http://www.herts.ac.uk/disclaimer.html"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Disclaimer</font></a></address> </body> </html> I'm stuck between a rock and a hard place. I'm writing a news script in PHP and I want to make 'skin-ability' to be one of its best features. Yet, I'm also aiming for strict xhtml complaint code. The news script will act as a 'plug-in' within a page; not a separate entity. For skinning purposes, I need to create an external css file under my skins directory. The issue is when the script is called, it will pull the css file & embed it somewhere in the <body> tag (wherever the webmaster wants to display news). I know a link tag inside the body is not strict xhtml. Also, I cannot embed styles within each tag. This will turn people away from designing new skins. I want the skinning process to be almost seamless; I'm stuck dealing with validation errors or having no styles. Not sure how to get around this. Anyone have an idea? Hi, I have read that strict xhtml are better for viewing the web for the visually impaired but can anyone tell me what is better and how it compares to transitional. Thanks inadvance. I am searching for freeware PHP shopping carts uses div XHTML 1.0 strict. Unfortunately i found only Quick.Cart: http://opensolution.org/?p=Quick.Cart I found more like Zen-Cart, CubeCart but this carts use XHTML 1.0 transitional and use to much table's. Please help and give some shopping carts whit XHTML 1.0, 1.1 but without tables as a basic construct. Hi there, what should I do to get validated the following error? I have to validate it with XHTML 1.0 Strict. Please someone help me, thanks so much. Code: Line 39, Column 32: character "&" is the first character of a delimiter but occurred as data . onsubmit="return validateForm() & & validateMessage();"> This message may appear in several cases: * You tried to include the "<" character in your page: you should escape it as "<" * You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe. * Another possibility is that you forgot to close quotes in a previous tag. I am combining 2 sets of code for my new website. I am combining my nold stuff with a piece of my new website. One piece is written in xhtml doctype traditional and the other is in xhtml strict. naturally I either lose the old part or the new parts. Is there a way to easily convert the traditional to strict, so the whole darn thing works right? Hello everyone! I've scoured around for a bit looking for an answer to a stupid question without success, so I'll pose it here. Currently I am working on a bit of Java code that prints out a document in XHTML 1.0 Strict Transitional. The document displays a formatted list of stock information. What I want is an <option> drop down list with the days of the week, and upon clicking on one of those days, the page automatically refreshes to show the stocks for that day. So very simple, I need for the page to change to a different .html file in the same directory onmouseup, I believe the action is. Here is my .java code, for those interested: Code: import java.util.*; import java.lang.*; import java.io.*; import java.text.DecimalFormat; public class Portfolio { public static ArrayList<String> stocks = new ArrayList<String>(); public static DecimalFormat fmt = new DecimalFormat("0.##"); public static int tot = 0; public Portfolio(){} public static void main(String[]args) throws IOException { stocks.add("APPL 5.67 3"); stocks.add("DFG 54.87 78"); stocks.add("DGSF 93.62 5"); printPortfolio(stocks); } public static void printPortfolio(ArrayList<String> strar) throws IOException { String stockName = new String(); double stockVal = 0.0; int numShares = 0; StringTokenizer st; stocks = strar; PrintWriter out = new PrintWriter("Portfolio.html"); out.println("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN"); out.println("http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">"); out.println("<html xmlns=\"http://www.w3.org/1999/xhtml\">"); out.println("<head>"); out.println("<title>User's JSMS Stock Portfolio</title>"); out.println("</head>"); out.println("<body>"); out.println("<img border=\"0\" src=\"ball16.gif\" width=\"29\" height=\"28\" alt=\"Ball\">"); out.println("<pre>"); out.println("STOCK NAME PRICE SHARES OWNED TOTAL"); out.println("---------- ----- ------------ -----</br>"); for(String str : stocks) { st = new StringTokenizer(str); stockName = st.nextToken(); stockVal = Double.parseDouble(st.nextToken()); numShares = Integer.parseInt(st.nextToken()); if(numShares > 0) { String SN = new String(); int nShares = 0; double price = 0; st = new StringTokenizer(str); SN = st.nextToken(); int numS = 25 - SN.length(); out.print(SN); //inserts # of spaces after data based upon data string length while(numS > 0) { out.print(" "); numS--; } price = Double.parseDouble(st.nextToken()); out.print("$" + price); double tumS = 18.0 - (Double.toString(price).length()); //inserts # of spaces after data based upon data string length while(tumS > 0) { out.print(" "); tumS--; } nShares = Integer.parseInt(st.nextToken()); out.print(nShares); numS = 19 - (Integer.toString(nShares).length()); //inserts # of spaces after data based upon data string length while(numS > 0) { out.print(" "); numS--; } out.println("$" + fmt.format(nShares*price) + "</br>"); tot += Double.parseDouble(fmt.format(nShares*price)); } } out.println("--------------------------------------------------------------------"); out.println("Stock Portfolio Net Worth : " + "$" + fmt.format(tot) + "</br>"); out.println("</pre>"); out.println("<p>"); out.println("Please Choose a Day:"); out.println("<br /><br />"); out.println("<select name=\"day\">"); out.println("<option selected=\"selected\">Monday</option>"); out.println("<option>Tuesday</option>"); out.println("<option>Wednesday</option>"); out.println("</select>"); out.println("</p>"); out.println("</body>"); out.println("</html>"); out.close(); } } At the bottom you can see a simple option list. This is the one that I want to be the day-chooser. In many of the places I've looked it talks about passing the value of the choice to a server. This is not my intention. I am thinking, possibly stupidly, that I can store the value of the choice in a variable and then in javascript have the page refreshed to the corresponding .html file in the directory. If this is the case, example code would be very much appreciated haha. Thank you! what is xhtml? I'm pretty new to XHTML and I see that to properly close a br tag (and others), you usually put a space, then a slash, then a closing chevron, a la <br />. But I was wondering if there is anything fundamentally wrong with eliminating the space before the slash. It seems to work in my browser either way, and I think it makes the code a little easier to read and type. Thanks! so xhtml elements should always be in lowercase how does this extend to the case in css. for example if im using a xhtml doctype should i be using lower case color values like color:#ffffff vs color:#FFFFFF. I know as per a hexidecimal value "ffffff" is the same as "FFFFFF" and the same as "fFfFfF". they are all equal to the same value so it really doesn't matter but does the xhtml doctype dictate that these values should be in lowercase? Tell me..... Please anybody tell me about the XHTML. What is the difference between HTML and XHTML? What are the benefits and is it worth learning? Thanx 4 the help! can make dynamic website in xhtml Hi. I *hate* I.E. I'm usually browsing websites in Google Chrome - & sometimes Mozilla / Opera. Ive designed a website (not public as yet), & it does validate for XHTML - it looks perfect on Opera / Mozilla & Chrome. But IE messes it up. Basically it uses Divs, & has a left menu, & the main content is a Google map. Also, top menu / banner & a footer at the bottom.. on IE7, the google map is UNDER the list of cities etc (left menu), instead of in the middle / right of the left menu.. Can anyone advise a website listing common IE problems & how web designers can fix it.. hi and goodafternoon i run wapsites and i want to convert the wml scripts to xhtml all my scripts are php based which i know will work in xhtml too. i also use mysql coding for database side of things . here is one of my smaller scripts . <?php <wml> <card title="sitename"> <p align="center"> <img src="logo.gif" alt="logo"/><br/> Welcome!!<br/><br/><a href="login.php"><img src="login.gif" alt="Login"/></a><br/><a href="terms.php"><img src="register.gif" alt="Register"/></a><br/> <br/> <big><b><a href="terms.php">Terms of use!</a></b></big> <br/> You are here with<br/> END; print 'Browser:'; $browser = explode ('/', $HTTP_USER_AGENT); print $browser[0]; print '<br/>'; print "IP-Adress: $REMOTE_ADDR<br/>\n"; print <<<END ---<br/> </p> </card> </wml> END; ?> how would i convert that to xhtml . and if its just a case of changing the tags then would it work on the rest of the scripts with sql coding in too . nclemale@hotmail.com or post your replies here thanks in advance |