|
HTML - Xhtml, Doctype, And Simple Answers
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 Similar TutorialsHello 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 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? 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. Hi, I'm working on a simple website in which I'm required to use two types of forms input on a webpage. I have decided to make a simple quiz which will be designed as follows; -------------------------------------------------------- Q1: The largest mammal on land is: (radio button choices) Q2: Please tick the two correct answers: (tick boxes, four available... only two correct) ---------------------------------------------------------- (BUTTON: Please click here for the answers) ... answers should appear once the above button is pressed... Answers: Q1: B Q2: A * C Is this possible in HTML? Sounds quite straight-forward but I'm no expert so forgive me.. Ps: Is it possible to design a radio button which, depending on the choice, the related-text will appear underneath on the same page? So if they select 'A' then paragraph 'A' will show, if they select 'C' then paragraph 'C' will appear (with the rest hiding)... Thanks! 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 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"> Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance 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! Hi gals and guys! I have a few questions about forums in general. I have a site, obviously, and I need to place a forum on it. I already have one but it is one of those free hosted forums. I need my own on my server. I use MySQL 5.0.77. I don't know where to start. I had an ad up on a freelancer site but I need to get more info of what all is involved. Any tips/info on getting started on my own? I wanted it in PHP - HTML. Eventually it will be involved in an app for mobile devices. Any help for the NoOb? is there a way that i can make a site like peter answers? Which one is better? XHTML STRICT 1.0 or XHTML 1.1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> this line seems to be at war with firefox. for some unknown reason my banner has a space between the lower body (it shouldn't). It is fine in IE and fine if the above line is not included. It seems to be adding some sort of padding into the table cells where the images are, somehow because of the domument type. ---------- Anyone have any solutions? LINK: http://uniden.zzl.org/ Again it is FINE in IE, but not if FF. HTML is Valid according to W3c Validator. Thanks in advance How improtant is the doctype tag? I am trying to teach myself html and am trying to figure out when to use what doctype. DOCTYPE basically tell the web browser what to expect when interpreting the html doc b/c html has been revised over the years, is that correct? Can someone please help me understand how to properly use the doctype tag and what is smart choice/ example of a specific doctype tag is and the reasoning behind why 'this' doctype tag is a smarter choice than an alternate doctype tag? Thank you! -Matt H. When I add a doctype it completely ruins my whole page layout. How can i fix this? Without: it fits my whole page and looks nice. With doctype: it squishes everything to the top. Help please. I have a doctype problem on my site which I cannot get rid of... Im using utf-8 have tried the below: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> --> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Many things are happening and I have read a lot of docs handling this... What do you suggest that I do? (Hmmm, - I need dansih characters... ) (In mysql working on the site I cannot see the correct characters... A workaround are being used...) Regards, Frank I didn't see an XML/XSL forum so I'm posting this here, maybe someone can help me. I'm trying something new, and it's giving me a headache. But hey it's all part of the process. Here's my site: HTML Code: <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/xsl" href="/layout/frontpage.xsl"?> <page lang="en_ca"> <frontpage/> </page> HTML Code: <?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"/>
<xsl:variable name="lang" select="/page/@lang"/>
<xsl:variable name="strs" select="document(concat('/strings/',$lang,'/strings.xml'))"/>
<xsl:template match="page">
<html>
<head>
<title><xsl:value-of select="$strs/strs/str[@id='title']"/></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="/css/css-default.css" />
</head>
<body>
<h1>Test</h1>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Seems to work fine, but when I try to validate I get the following warning: No DOCTYPE found! Checking XML syntax only. It's clearly there. That's how other sites have done it and they validate... so what am I doing wrong? Hi simple question. I'm setting a background color on a div and when I put the Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> the background color disappears? Whys this? Heres the css Code: #content {
width: 795px;
background-color: f9dc6e;
margin: 0px;
padding: 10px;
}
Thanks Well, this is how it started - I'm using XHTML strict but by accident I placed the doctype after the <html> tag. I've now finished the website and realised the error, so I moved it above <html>. The problem is that now in IE it looks like this: http://img187.imagevenue.com/img.php..._122_350lo.jpg but in Firefox, it renders perfectly like this: http://img150.imagevenue.com/img.php..._122_842lo.jpg As you can see in IE it produces a big gap between the logo and the login form. Edit Figured it out - a very stupid mistake I was floating the logo to the left and the form to the right but I'd set the logo div's width at 25% and the form div's width at 100%. Just out of curiosity - anyone know why this error wouldn't show until the doctype was enforced and why it didn't show in firefox? I am totally confused about DOCTYPE code. My site does not have any doctype code on it and works fine, however been playing about with some jquery script and it wanted a doctype on my site to work. I have tried all the different doctypes listed on the w3 site and all make my site look strange and text/images all over the place the only way the site looks ok is without doctype. please advise the site in question is http://virtualhunterston.eu.org example test page with doctype added http://www.virtualhunterston.eu.org/...0-%20Copy1.htm Do I have an incorrect doctype set for my new layout? www.bkriegtech.net I have a huge amount of errors when I run the w3c validator... im using the following doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> however when you add a table in I.E. it is creating a space between the top of the table and where it is inserted... why is this? any ideas how to solve this? thanks J. |
|||||||