473,657 Members | 2,625 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Various DOCTYPE questions.

Hello all,

I'm somewhat of a newbie to webscripting. I've made a couple of websites in
the past with WYSIWYG software, but now I'm much more interested in manual
scripting. I have some questions about DOCTYPE:

1. Is a doctype statement *required*, or is it just "strongly suggested"? I
would probably be using a Transitional doctype.

2. I understand that in a frameset I must use a Framset Doctype ststement,
but what about the individual pages within the frameset? Must I use the
Frameset Doctype statement in those pages as well? Would they even have a
doctype at all, or is the Frameset doctype enough?

3. Does a doctype statement actually *do* anything, or is it just a
declaration that you're following a standard?

I ask question #3 because none of my websites currently have a DOCTYPE
statement, but inserting a DOCTYPE statement sometimes screws up the
formatting of the page. DIV's don't line up, borders aren't always right,
JavaScripts (that I've downloaded) don't work the same way. Also, horizontal
scroll bars show up where they weren't before. But when I validate the page,
the validator doesn't show anything wrong with the elements that are
affected.

For instance: In my personal homepage, I have a <div> with an orange dotted
border that's lined up within a frame. It lines up nicely the way I intended
it. But when I insert the <Transitional > doctype, the div stretches across
the page and the text doesn't fit right.

So I'm just wondering how important they are. Eventually I want to validate
all my pages and include doctypes. Just in case anyone is interested, here
are two of my sites. Thanks in advance for any replies.

http://home.comcast.net/~vikenk
http://www.sayatnova.com

--
Viken K.
http://home.comcast.net/~vikenk

Oct 19 '05 #1
25 2712
Once upon a time *Viken Karaguesian* wrote:
Hello all,

I'm somewhat of a newbie to webscripting. I've made a couple of websites in
the past with WYSIWYG software, but now I'm much more interested in manual
scripting. I have some questions about DOCTYPE:

1. Is a doctype statement *required*, or is it just "strongly suggested"? I
would probably be using a Transitional doctype.
A: It's *required* if you want the page to validate, and even if not
it's "strongly suggested".

Use a full doctype (with the link)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

2. I understand that in a frameset I must use a Framset Doctype ststement,
but what about the individual pages within the frameset? Must I use the
Frameset Doctype statement in those pages as well? Would they even have a
doctype at all, or is the Frameset doctype enough?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

Goes only in the frameset file, transitional to all other individual
pages.

3. Does a doctype statement actually *do* anything, or is it just a
declaration that you're following a standard?
Yes, it does. It makes the browsers render the pages without guessing
what they should look like, when rendering them in Standard Mode and
not in Quirks Mode.

I ask question #3 because none of my websites currently have a DOCTYPE
statement, but inserting a DOCTYPE statement sometimes screws up the
formatting of the page. DIV's don't line up, borders aren't always right,
JavaScripts (that I've downloaded) don't work the same way. Also, horizontal
scroll bars show up where they weren't before. But when I validate the page,
the validator doesn't show anything wrong with the elements that are
affected.

For instance: In my personal homepage, I have a <div> with an orange dotted
border that's lined up within a frame. It lines up nicely the way I intended
it. But when I insert the <Transitional > doctype, the div stretches across
the page and the text doesn't fit right.

So I'm just wondering how important they are. Eventually I want to validate
all my pages and include doctypes. Just in case anyone is interested, here
are two of my sites. Thanks in advance for any replies.

http://home.comcast.net/~vikenk
http://www.sayatnova.com


Have you really tried to validate your pages? Have you ever looked on
your pages with any other browser than IE? If not, you should. The
front page for home.comcast.ne t/~vikenk looks very emty in mozilla,
and that's *not* Mozilla's fault :)

Add the doctype declarations and then validate on
http://validator.w3.org/ (HTML)
http://jigsaw.w3.org/css-validator/ (CSS)

You have several serious errors in your CSS.

--
/Arne
Now killing all top posters and posters who don't quote
* How to post: http://www.cs.tut.fi/~jkorpela/usenet/brox.html
* From Google: http://www.safalra.com/special/googlegroupsreply/
-------------------------------------------------------------
Oct 19 '05 #2
Viken Karaguesian wrote:
1. Is a doctype statement *required*, or is it just "strongly
suggested"? I would probably be using a Transitional doctype.


New documents should use a Strict doctype. Transitional is for minor
updates to old legacy pages where you don't want to take the time to do
work such as remove presentational code into a CSS stylesheet.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

See: <http://www.w3.org/QA/2002/04/valid-dtd-list.html>

Also, google for "frames are evil"

--
-bts
-When motorcycling, never follow a pig truck
Oct 19 '05 #3
> Have you really tried to validate your pages? Have you ever looked on
your pages with any other browser than IE? If not, you should. The
front page for home.comcast.ne t/~vikenk looks very emty in mozilla,
and that's *not* Mozilla's fault :)


Yes, I have, and they don't validate well. :>( I know how my webpage looks
in Mozzila and have not been able to figure out why it looks like that. I'm
not very knowledgeable about html, so I'm trying to get more in depth to
figure out why it's that way. It seems to look fine in Opera, but some of
the colors seem a bit off.
Oct 19 '05 #4
Viken Karaguesian wrote:
It seems to look fine in Opera, but some of
the colors seem a bit off.


Anything to do with "orange" ?

<http://jigsaw.w3.org/css-validator/validator?uri=h ttp%3A%2F%2Fhom e.comcast.net%2 F%7Evikenk%2Fvi ken.css&warning =1&profile=css2 &usermedium=all >

--
-bts
-When motorcycling, never follow a pig truck
Oct 19 '05 #5
[attribution restored]

Arne <in*****@domain .invalid> wrote:
Have you really tried to validate your pages? Have you ever looked on
your pages with any other browser than IE? If not, you should. The
front page for home.comcast.ne t/~vikenk looks very emty in mozilla,
and that's *not* Mozilla's fault :)

Viken Karaguesian <vi****@NOSPAMc omcast.net> wrote: Yes, I have, and they don't validate well. :>( I know how my webpage looks
in Mozzila and have not been able to figure out why it looks like that. I'm
not very knowledgeable about html, so I'm trying to get more in depth to
figure out why it's that way. It seems to look fine in Opera, but some of
the colors seem a bit off.


Looks fine? Okay, if you say so. My copy of Opera shows a hit counter in
the left frame, which is otherwise empty (and wasting 20-25% of the browser
window). And the right frame shows several empty boxes that look like
they're supposed to be images.
--
Darin McGrew, mc****@stanford alumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp. com, http://www.HTMLHelp.com/

"Adventure is nothing but a romantic name for trouble." - Louis L'Amour
Oct 19 '05 #6
> Looks fine? Okay, if you say so. My copy of Opera shows a hit counter in
the left frame, which is otherwise empty (and wasting 20-25% of the
browser
window). And the right frame shows several empty boxes that look like
they're supposed to be images.


Really?? When I view with Opera, I see that the hit counter is empty, but I
see all the images...
Oct 19 '05 #7
Re: http://home.comcast.net/~vikenk/
I wrote:
Looks fine? Okay, if you say so. My copy of Opera shows a hit counter in
the left frame, which is otherwise empty (and wasting 20-25% of the
browser
window). And the right frame shows several empty boxes that look like
they're supposed to be images.

Viken Karaguesian <vi****@NOSPAMc omcast.net> wrote: Really?? When I view with Opera, I see that the hit counter is empty, but I
see all the images...


Expanding http://home.comcast.net/~vikenk/home.htm to the full browser
window, there is a grid of 6 images along the right edge. They're all just
white outlines, and it looks like they're all the same image:

http://home.comcast.net/~vikenk/other_pics/cell.gif

A 1x1 GIF? Looking at the source, you seem to be using some JavaScript hack
to replace this image with various other images, based on the ID attribute.

See http://www.xs4all.nl/~sbpoley/webmatters/whatnojs.html
--
Darin McGrew, mc****@stanford alumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp. com, http://www.HTMLHelp.com/

"Adventure is nothing but a romantic name for trouble." - Louis L'Amour
Oct 20 '05 #8
Expanding http://home.comcast.net/~vikenk/home.htm to the full browser
window, there is a grid of 6 images along the right edge. They're all just
white outlines, and it looks like they're all the same image:

http://home.comcast.net/~vikenk/other_pics/cell.gif

A 1x1 GIF? Looking at the source, you seem to be using some JavaScript
hack
to replace this image with various other images, based on the ID
attribute.


I still see all the images along the right. Yes, it is a Javascript.

Some explanation: According to the author of the menu system that I use (HV
Menu www.burmees.nl/menu), the menu must wait until all the images are
loaded before the menu appears. But if there are lots of images, this will
take lots of time for the menu to appear, especially for the dial-up users.
He claims it's in the design and is inflexible.

His suggested workaround is to load up some dummy images (the 1x1 cell.gif)
to "trick" the menu into appearing first, then using the suggested
Javascript to swap the real images in place of the dummy image. This makes
the menu appear very quickly.

I tried his suggestion and it seemed to work OK. I keep checking his website
to see if he modified the menu to appear before everything else in the page,
but so far, I have the latest version.

I just don't understand why the website looks as it does in Mozilla.
Oct 20 '05 #9
> Have you really tried to validate your pages? Have you ever looked on
your pages with any other browser than IE? If not, you should. The
front page for home.comcast.ne t/~vikenk looks very emty in mozilla,
and that's *not* Mozilla's fault :)

Add the doctype declarations and then validate on
http://validator.w3.org/ (HTML)
http://jigsaw.w3.org/css-validator/ (CSS)


My cleaned-up CSS now validates!
Oct 20 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
2941
by: Garmt de Vries | last post by:
For a long time, I've used CSS to style my webpages, but only for media "screen" and "print". Now I've started looking into styling them for other media like "projection" and "handheld". I'd be happy to hear your advice on a couple of practicalities. 1. media="all" required? In the <head> of my pages, I have the following: <link rel="stylesheet" href="style.css" type="text/css"></link>
5
4107
by: Hello | last post by:
Here problem is that in Mozilla the logo "The Website" will not pad from the edge. http://www.clickatus.com/test/ Also, when I put in loose DOCTYPE it blows the whole thing... Help... http://www.clickatus.com/test/1
5
3336
by: Viken Karaguesian | last post by:
Hello everyone, I have a question about the XHTML doctype. I often times see this statement included in the <html> tag: <html xmlns="http://www.w3.org/1999/xhtml"> If I use the full standard XHTML doctype, do I need to add the extra html statement or is just plain ol' <html> enough? I'm not sure what the difference is or if it's required to use them together or not.
50
6043
by: Shadow Lynx | last post by:
Consider this simple HTML: <!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" > <head> <title>Strict kills my widths!</title> </head> <body> <table style="width:400px; table-layout:fixed;">
24
3767
by: TC | last post by:
Hi folks I want to enhance my website to distinguish "external" hyperlinks from "internal" ones. With that aim, I've written the following two small files for testing purposes: C:\styles.css:
1
1505
by: David Thole | last post by:
Hey all, So far my reading is proving to be very interesting and good. This book is very helpful, and I'm generally left with quite a few questions about how I'm going to do stuff with my current setup. Basically speaking, all my stuff is currently in PHP. I need the ability for being able to interact with PHP quite a bit. My largest question right now, is say that I want to provide some information from my PHP form to the asp one...
19
6467
by: Edward | last post by:
Why is it when I have a DOCTYPE line in my HTML then "margin" and "padding" are ignored? This happens in both inline and stylesheet styles. It happens for both XHTML and HTML doctypes. It happens in IE6, IE7 and Firefox (didn't try any others). And when you save the page, the margin/paddings are actually REMOVED from the saved HTML file (!). Why is this?
0
8541
drhowarddrfine
by: drhowarddrfine | last post by:
The Doctype or DTD Many coders get confused by all the talk of doctypes and how they affect browsers and the display of their web pages. This article will get right to the point about doctypes and their use. Doctype is short for its full name "Document Type Definition", or DTD. If you pay attention to what those words mean, you will notice that it is used in your web page, the document, to define the data types, that is, the elements...
1
1700
by: rfr | last post by:
Apparently the Transitional Doctype kills this script because the script does not make proper use of units like "px". It works well without a doctype statement. But once someone adds a transitional doctype, the js script no longer works. Can someone familiar with javascript bring it up-to-date so that it works with current doctypes and post it here for others to make use of? The whole HTML document including the js scrip follows (...
0
8392
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8305
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8730
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
6163
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5632
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4151
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4301
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
1950
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1607
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.