|
HTML - Converting Doctype Traditional To Strict In Xhtml
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?
Similar TutorialsHi There, I have included my code below. The table looks correct in Firefox 2 and Safari 3 but not IE7. I am attempting to create a table that fills up the entire page with a fixed width row at the bottom. IE7 ignores the height I have set for the second row and makes both rows the same height. Note that the Doctype tag is important here, if I remove it then the page looks correct, however it is my intention to ensure the browser runs in standards mode. As far as I am aware my code is correct. Any help or advice would be appreciated. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
html,body{
margin:0;
padding:0;
height:100%;
border:none;
}
</style>
</head>
<table height="100%" cellpadding="0" cellspacing="0" border="1" width="100%">
<tr>
<td>
Line 1
</td>
</tr>
<tr style="height:10px;">
<td>
Line 2
</td>
</tr>
</table>
</html>
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'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. 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. 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. <!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 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? 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 Hello I have this weird problem with the following simple code HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' dir="ltr">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="includes/js/general.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
</head>
Fire fox and chrome thinks that everything is fine, On internet explorer the stylesheet is not working When I take off the DOCTYPE it works in explorer as well what is my problem ? Thanks Lior 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 virtually no understanding of doctype. I've never used it before, and I've never noticed a difference on any of my sites between different browsers or old and new browsers. But, recently, I've been trying to get up to standards on everything. All the tutorials and forums I've read about it say to use Transitional if you're not sure, and then they go on to say stuff about which version of HTML you're using. I really don't know exactly what XHTML is, but I do know (or at least think I know) that I always close out everything proper (<br /> instead of <br>, <img src="..." /> instead of <img src="...">, etc.), I always keep everything in lower case, and I always put properties in quotes. Is that the ONLY difference between HTML and XHTML? If so, should I use a Strict doctype instead of Transitional? My site looks fine on Mozilla, IE, Safari, and Opera, but w3.org keeps saying my pages are invalid, and it always points out my closing tags. Here's what I'm working on, in case anyone wants to see it http://www.gizburgduck.com/main/index.html Hi all, I have a HTML document, with two images one below the other e.g. <img id="Image1" src="web/images/en/1.jpg" alt="Image"/><br/><img id="Image1" src="web/images/en/1.jpg" alt="Image"/> To make my doc XHTML compliant, i am adding following doctype declaration in my doc: <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> But because of the above declation, there is a minor gap observed between the images, if i remove the Doctype declaration, the space disappears. Can somebody help me on this, is there any workaround to resolve the same or what could be the probable reason for this behavior. Hello everyone, Nice to join a forum for the first time and hopefully this will add extra help when I'm working on my development projects. I have a web site of my own using HTML transitional, but am planning to go from HTML to XHTML strict in the near future. Since the site holds over 3500 pages, it would not be feasible to upgrade every single page. Is there a free program or a web service that can do that job? Gentlemen: I am new to both Html & Xhtml. Can anyone recommend a freeware editor for Xhtml & a conversion tool for Html to Xhtml? I just got my code to validate under the strict doctype ... but once I changed the doctype, Firefox started rendering something different, so that now there's a black gap below the header bar. i checked by putting the transitional doctype back in, and with that it looks perfect. ... but IE doesn't render it differently when i put in the strict doctype. so what's going on here?!?! Hi there, I m using dom with css in my web page. Using the document type <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> the dom effect is visible. Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance |
|||||||