HTML - Strict Xhtml For Visually Impaired
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. Similar TutorialsSo 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'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 I'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 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 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'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? Which one is better? XHTML STRICT 1.0 or XHTML 1.1 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! I have a site (no standards, written with MS Frontpage) that I am converting to 4.01 strict with Dreamweaver. There is one big problem ... virtually all of the text in 4.01 strict is spread out vertically, especially when they are in separate paragraphs: Code: <p class="nomargin" align="center>New to stewardship?</p> <p class="nomargin" align="center>Start here!</p> where the "nomargin" class is: Code: .nomargin { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } These two sentences are close together vertically in either the MS quirky, or 4.01 transitional standard, but there is significant vertical margin (they are spread out vertically) under 4.01 strict. I need to use 4.01 strict, but I also need these paragraphs to have no margin so they are close together vertically. Why does 4.10 strict do this and how do I eliminate the margins? Thanks Hi How do you align a table center without using align="center" when trying to strict validate your page? If I use a div and text-align:center; won't that center all the text in the table too? Cheers Shaun I am new to HTML and am currently working on my second website. At the moment I have started to validate all of the various pages using HTML 1.0 Strict but I have run into a problem on one page that I cannot figure out. The page involved an image map with the onmouseover feature on the major links which changes the image map to give the illusion of changing the text color of the link. I was able to validate using Transitional, but if possible I would like to validate the entire site using HTML 1.0 Strict. Here is a link to the Strict page with the error: http://www.crystalhatchlings.com/MainPageV.htm There is a link to the W3C Markup Validation Site at the bottom of the page. The error deals with the the "name" attribute. If I remove or change the "name" attribute the onmouseover function does not work and when you hover your mouse over the red links they stay red. They do not change to blue. Please bear in mind that the link is to a test page and while it links to the rest of my site none of the site links back to this test page. The Transitional validated page can be found he http://www.crystalhatchlings.com/MainPage.htm If I am missing something in my post or if it is not detailed enough please forgive me. As I said I am very new to web design. Take care and have a great day.... ciao, john. Hi, Web newbie here. I am trying to add a "verse of the day" module to one of my websites. It is loaded into an iframe, but I am getting markup validation erros because I am using the strict doc type. Any ideas? http://bigdogcattle.com/test/ Thanks Jamie http://bigdogcattle.com This document uses XHTML 1.0 Strict. Here is a link to the document. Problem #1 The table is set to a height of 30px but it shows up as 34px. This creates a space below the graphic on the right. I worked on this for a couple of hours and no matter what I tried I couldn't get rid of the space... until I converted the document to Transitional. I'd like to use legit code and use strict but I don't know how to fix the problem. I'm sure this is easy but it's not obvious to me. Problem #2 How do I center this table horizontally in strict? It's easy in transitional but I don't see an obvious way in strict. Thanks in advance! Can anyone tell me the best way to embed a Flash Movie that will comply with HTML Strict? http://www.kasedesign.co.uk/woodside.../panoramic.htm There seem to be quite a few options out there and they all seem very long winded! Thanks in advance! Hi all, My document all seems to measure up, but I don't know how to impliment my flash animation correctly so that it complies with HTML 4 strict. Any help would be greatly appreciated as always. This is the document: http://www.warwickshireonline.com/pat Here's the validation. http://validator.w3.org/check?uri=ww...line.com%2Fpat Thanks in advance for your help. Hi. I'm having some problems making a table to put the sliced Photoshop images into HTML 4.01 strict doctype website. I really have no idea what the problem might be and the HTML validator validates it. The website is he http://ekstaze.net. What could be the problem? Thanks. Which document type is easy and most used either Transitional or Strict? As I have validated my page using w3c validator it asks to define class for each and every thing like <table class="xx"> .xx {width:40%;} This makes maintainablility easy but if I have to define 20 different widths I cant use class names just for these widths.. Will Transitional doc type support this?? |