Re: [WSG] Two CSS Question
multiple media attrib values are to be seperated by a comma _only_ Huh, thanks for the info, never noticed it. (Alhough I don't put the space there, just surprised with it) -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
On Thu, 13 Jan 2005 19:47:53 -0200, Bruno Torres [EMAIL PROTECTED] wrote: But you can hide the css from it also using link, providing two media types separated bya a comma and a space: link rel=stylesheet type=text/css href=style.css media=screen, projection / Sorry for being anal, but multiple media attrib values are to be seperated by a comma _only_, adding a space after the comma is invalid. (That said, most of my pages have a space...Glass house; stone throwing...yeah ;) Andrew. http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
Well, GMail works on the various browsers (ok, I havent tested *all* of them), so I can report it works there too :) Well, it doesn't work in Opera 7.5x. Opera Software implemented XMLHttpRequest and ActiveX objects emulation (only js side, no real controls), specially for GMail. Opera 8 beta works with GMail. -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
Hi Paul and Khwaja,
Thanks for your replys. I just ran across another method for including a
file into HTML. It involves using an XMLHttpRequest Object
http://developer.apple.com/internet/webcontent/xmlhttpreq.html. I ran
across an article about it here:
http://developer.apple.com/internet/webcontent/xmlhttpreq.html
I think it's interesting that a method developed by MircoSoft for an
ActiveX extension is being discussed in a site for Apple developers.
The method requires that you detect the kind of browser and create an
XMLHttpRequest Object base on whether the browser is Internet Explorer
or Mozilla based. From what I understand of the article this seems to be
making a request in JavaScript (or ActiveX) for the server to send more
information to the browser. The browser assumes the new file is XML and
interprets it to HTML.
The article says the W3C is considering a standard for the
XMLHttpRequest Object.
While the method has several drawbacks, it does allow the developer a
method of including a file into the HTML from client side as opposed to
.ASP, .NET, .JSP, or Perl which are all server side solutions.
Carl
Paul Novitski wrote:
At 02:14 PM 1/13/05, Carl Reynolds wrote:
If I have a section of HTML that is the same in all my files, is
there a way to put it in a file by itself and include it into each page?
Carl,
Here are two ways (I'll be interested to learn about others):
1) Use a server-side scripting language such as ASP, Perl, or PHP to
include component files into one downloaded page. ASP can do this
either with the #INCLUDE directive or through file I/O using the
FileSystemObject object, and I'm sure the other server-side scripting
languages have comparable methods.
2) Use a JavaScript inclusion directive in your HTML headers, e.g.:
script type=text/javascript src=navmenu.js/script
...in which navmenu.js contains something like this:
var navMenu = 'ul
lia href=aardvark.htmlAardvark/a/li
lia href=bananafish.htmlBananafish/a/li
/ul'
...and then write the value of navMenu into your document structure.
Paul
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Salman, Khwaja wrote:
Yes, carl you can definately inlude an HTML File or any file in an ASP
file. Yes, I think the HTML file cannot include the another HTML file.
Theritically it is possible but due to some technical reasons this is
not possile.
However, from Javsscript it is possilbe to read a file and then
document.write that htm into you htm file. But the dependency is that
if the browser has no support for java script or if the javascript is
disabled, then this appraoch fails.
The last approach that you have is to used the include directive in an
ASP file. If possible use the file name as ASP, because this way,
there is less chance that the dowload managers will actually download
the whole source, instead they download the processed page.
How to include, the include directive is
!--#include=FilePAth--
The file path can be absolute or a relative patj
Hope that helps
Salman
Wrom: RZFSQHYUCDDJBLVLMHAALPTCXLYRWTQTIPWIGYOKSTTZR
Date: Thu, 13 Jan 2005 17:14:33 -0500
Subject: Re: [WSG] Two CSS Question
Salman,
I'm glad you asked about including, I have wondered that myself. I would
like to add another question to yours: If I have a section of HTML that
is the same in all my files, is there a way to put it in a file by
itself and include it into each page?
As far as your question #2 goes: are you talking about something like
#id { width: 100%; }
-- It's the attitude that determines the altitude of flight Salman,
Khwaja Tech Writer - Halcyon.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Two CSS Question
It involves using an XMLHttpRequest Object Yes, it can be also used. I think it's interesting that a method developed by MircoSoft for an ActiveX extension is being discussed in a site for Apple developers. Why not? Nowadays it's quite widely used in JS - eg. GMail is based on it AFAIK. It is supported in latest IE, Gecko or Opera (don't know the situation on OSX) The article says the W3C is considering a standard for the XMLHttpRequest Object. Good news. -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
Carl Reynolds wrote: While the method has several drawbacks, it does allow the developer a method of including a file into the HTML from client side as opposed to .ASP, .NET, .JSP, or Perl which are all server side solutions. Thus making it instantly inaccessible to users without javascript, or with javascript disabled (like...aeh...search engines, for instance). -- Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
Assuming, of course, that XMLHttpRequest is used in the same manner that alot of poorly cpnsidered .js driven navigation is/was. If it is used properly, then it's a pretty nifty technology. Patrick H. Lauke wrote: Thus making it instantly inaccessible to users without javascript, or with javascript disabled (like...aeh...search engines, for instance). Terrence Wood. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
On Sun, 16 Jan 2005 20:55:23 +0100, JohnyB wrote: Why not? Nowadays it's quite widely used in JS - eg. GMail is based on it AFAIK. It is supported in latest IE, Gecko or Opera (don't know the situation on OSX) Well, GMail works on the various browsers (ok, I havent tested *all* of them), so I can report it works there too :) Lea -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
Why not? Nowadays it's quite widely used in JS - eg. GMail is based on it AFAIK. It is supported in latest IE, Gecko or Opera (don't know the situation on OSX) Well, GMail works on the various browsers (ok, I havent tested *all* of them), so I can report it works there too :) Yep, I know, but it might gracefully degrade there so it worked (via another - maybe server-side technology etc. - haven't seen it in action). However at least in Safari 1.2 it works. -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
On Mon, 17 Jan 2005 08:00:30 +1000, Lea de Groot wrote: Well, GMail works on the various browsers (ok, I havent tested *all* of them), so I can report it works there too :) I'm sorry - I'll try that again. Well, GMail works on the various browsers available under OSX (ok, I havent tested *all* of them), so I can report it works there too :) That'll teach me to post before morning caffeine! :( Lea -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
I'm sorry - I'll try that again. No problem, I got it. That'll teach me to post before morning caffeine! :( People after evening r**bull will surely forgive you ;)) -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
Hi, Hi People, I am a Tech Writer and Web Developer. I am usually a silent reader in WSG and being reading the amazing eye opening stuff about user accessibily, layouts and many interesting stuffs. 1) I would like ask what is the difference between using LINK REL and @import statement in linking style sheets. Both of them atatches the Style sheet to an HTML document, I would like to know the pros and cons of attaching with link rel or attaching with @import. ad 1) @import url (url_css_file) hides stylesheet from NN4, IE 3 and 4 (Win) and IE4.01 and 4.5 (Mac) @import url (url_css_file) hides stylesheet from NN4, IE 3 and 4 (Win) and IE4 only reads it, when it lies in the same folder like the php- or htm-file @import url_css_file (without URL) hides it from NN4, IE 3 and 4 and Konqueror 2.1.2 (Linux) greetings johannes ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Two CSS Question
-Original Message- From: Salman, Khwaja [mailto:[EMAIL PROTECTED] Sent: Friday, 14 January 2005 7:17 AM To: [EMAIL PROTECTED] Subject: [WSG] Two CSS Question 1) I would like ask what is the difference between using LINK REL and @import statement in linking style sheets. Both of them atatches the Style sheet to an HTML document, I would like to know the pros and cons of attaching with link rel or attaching with @import. LINK REL works in all browsers that support css @import only works in the latest browsers (NN4 and a couple of others ignore it) Which means you have got some possibilities to let browsers such as Netscape ignore all your css if you use the @import rule. Is quite handy sometimes. There are also different media you can import for. E.g. you can specifically import a css just for print - so what your printer spits out can look different to what is on the screen. 2) Second, in CSS2, is there always a wrapper ID we have to define for all our elements to hold. In other words we are restricting our selves to be in the least minimum screen sizes. Let me ask in another way. If i am using tables as layouts, (which I do not like these days) I use width attribute as 100 %. Is there any way to achieve the same funcionality in CSS 2 and with screen size in-dependence. There are possibilities to set widths to 100% but they are interpreted differently by some of the browsers. In general though: all DIVs take up 100% of the space they have got (unless specified differently). So you can use this behaviour to lay out your page just as you do with tables. In short: css is as flexible with different screen resolutions as are tables. Probably the only exception is the height:100% that you were able to put into tables in some browsers. Replicating that with css is fairly difficult. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
1) I would like ask what is the difference between using LINK REL and @import statement in linking style sheets. Both of them atatches the Style sheet to an HTML document, I would like to know the pros and cons of attaching with link rel or attaching with @import. @import will not be recognized by Netscape 4, so it's used to hide the css from this browser. But you can hide the css from it also using link, providing two media types separated bya a comma and a space: link rel=stylesheet type=text/css href=style.css media=screen, projection / If you need to use a style switcher, link is the only choice. I personally prefer using link rather than @import. @import has another issue, called FOUC (http://www.bluerobot.com/web/css/fouc.asp) 2) Second, in CSS2, is there always a wrapper ID we have to define for all our elements to hold. In other words we are restricting our selves to be in the least minimum screen sizes. Let me ask in another way. If i am using tables as layouts, (which I do not like these days) I use width attribute as 100 %. Is there any way to achieve the same funcionality in CSS 2 and with screen size in-dependence. Of course you can do resolution independent layouts using css using percentages instead of pixels. It's called 'fluid' layout. for example, wired (www.wired.com) uses a CSS fluid layout. A google search for css fluid layout can have you a lot of links about it (http://www.google.com/search?q=css+fluid+layout). Del.icio.us can help too (http://del.icio.us/tag/css+fluid). Cheers! -- Bruno Cunha Torres http://www.brunotorres.net/ http://www.dotplusweb.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
link, providing two media types separated bya a comma and a space: link rel=stylesheet type=text/css href=style.css media=screen, projection / If you need to use a style switcher, link is the only choice. I personally prefer using link rather than @import. @import has another issue, called FOUC Yes, this is the information I wanted to send to the list - I also prefer link w/ 2 medias... -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
Salman,
I'm glad you asked about including, I have wondered that myself. I would
like to add another question to yours: If I have a section of HTML that
is the same in all my files, is there a way to put it in a file by
itself and include it into each page?
As far as your question #2 goes: are you talking about something like
#id { width: 100%; }
---
div id=idcontent/div
Carl.
Salman, Khwaja wrote:
Hi People,
I am a Tech Writer and Web Developer. I am usually a silent reader in
WSG and being reading the amazing eye opening stuff about user
accessibily, layouts and many interesting stuffs.
1)
I would like ask what is the difference between using LINK REL and
@import statement in linking style sheets.
Both of them atatches the Style sheet to an HTML document, I would
like to know the pros and cons of attaching with link rel or attaching
with @import.
2)
Second, in CSS2, is there always a wrapper ID we have to define for
all our elements to hold. In other words we are restricting our selves
to be in the least minimum screen sizes.
Let me ask in another way. If i am using tables as layouts, (which I do
not like these days) I use width attribute as 100 %.
Is there any way to achieve the same funcionality in CSS 2 and with
screen size in-dependence.
Salman.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Two CSS Question
-Original Message- From: Carl Reynolds [mailto:[EMAIL PROTECTED] Sent: Friday, 14 January 2005 9:15 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Two CSS Question Salman, I'm glad you asked about including, I have wondered that myself. I would like to add another question to yours: If I have a section of HTML that is the same in all my files, is there a way to put it in a file by itself and include it into each page? Unfortunately you can't do something like that with the import or LINK methods. You could do it with PHP or ASP programming, something like this: Include(yourFile.html); OR Server Side Include (SSI): !--#include file=yourFile.html -- All of these require the appropriate settings on your server, but if you have got any of them - should be no problem. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Two CSS Question
At 02:14 PM 1/13/05, Carl Reynolds wrote: If I have a section of HTML that is the same in all my files, is there a way to put it in a file by itself and include it into each page? Carl, Here are two ways (I'll be interested to learn about others): 1) Use a server-side scripting language such as ASP, Perl, or PHP to include component files into one downloaded page. ASP can do this either with the #INCLUDE directive or through file I/O using the FileSystemObject object, and I'm sure the other server-side scripting languages have comparable methods. 2) Use a JavaScript inclusion directive in your HTML headers, e.g.: script type=text/javascript src=navmenu.js/script ...in which navmenu.js contains something like this: var navMenu = 'ul lia href=aardvark.htmlAardvark/a/li lia href=bananafish.htmlBananafish/a/li /ul' ...and then write the value of navMenu into your document structure. Paul ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
