[WSG] Re: relative positioning of nested lists

2003-11-18 Thread Ben Boyle

The extra linebreak vanishes if you specify padding-bottom or border-bottom.
I've opted for border-bottom. It's not ideal but it works.

http://inspire.server101.com/bttdb/mb/

Anyone see any other problems?

Russ, I tried stripping out all the whitespace with no success.
Worth a shot tho!

*
The discussion list for http://webstandardsgroup.org/
* 



Re: [WSG] A few interesting articles...

2003-11-18 Thread russ weakley
Hi Michael, 

Welcome to the group!

link rel=start...
Refers to the first document in a collection of documents. This link type
tells search engines (and other alternate browsers) which document is
considered by the author to be the starting point of the collection.
http://www.w3.org/TR/REC-html40/struct/links.html#h-12.3.3

link rel=section...
Refers to a document serving as a section in a collection of documents.

link rel=help...
Refers to a document offering help (more information, links to other sources
information, etc.) 

link rel=stylesheet...
Refers to an external style sheet. This is an important one. Style sheets
are most powerful when they are separated form individual HTML files - as
you can then edit one CSS file and affect any HTML file that links to it.
More info: 
http://www.w3.org/TR/REC-html40/present/styles.html#style-external
http://www.w3.org/TR/REC-html40/present/styles.html#specifying-external
http://www.w3.org/TR/REC-html40/types.html#type-media-descriptors

There are many more link options. Full explanations here:
http://www.seoconsultants.com/meta-tags/link-relationship.htm

More about how these assist alternate browsers:
http://diveintomark.org/archives/2002/06/20/day_9_providing_additional_navig
ation_aids

Thanks
Russ


 
 I'm pretty new to this area of web development, and I'm finding it immensely
 interesting.  Thank you everyone for giving me the tools which I know are
 going to make my sites better (once I get to grips with all the terminology
 that is new to me).
 
 I looked at the sprintpcs site mentioned by Russ, and I'm puzzled about one
 thing.  There are a number of relative links in the head section. What do
 these links do?   Why have links in the head section?   Here's what's in the
 head of www.sprintpcs.com:
 
 [quote]
 .!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; xml:lang=en
 .head
 .titleSprint - Welcome./title
 .meta http-equiv=Content-Type content=text/html;
 charset=iso-8859-1 /
 .script src=scripts/common.js type=text/javascript/script
 .link rel=start href=http://www.sprintpcs.com/; title=PCS home
 page /
 .link rel=section href=https://manage1.sprintpcs.com/Manage;
 title=Manage your PCS Account /
 .link rel=section href=http://www1.sprintpcs.com/;
 title=Explore phones and accessories /
 .link rel=section href=http://www.sprint.com/pcsbusiness;
 title=Services for your business /
 .link rel=help
 href=http://www1.sprintpcs.com/support/HelpCenter.jsp; title=Help Center
 /
 .link rel=stylesheet href=http://style.sprintpcs.com/common.css;
 type=text/css media=all /
 .style type=text/css title=homepage.
 @import styles/homepage.css;
 ./style
 ./head
 [/quote]
 
 Why?
 
 
 
 Cheers,
 Michael Kear
 Windsor, NSW, Australia
 AFP Webworks.
 


*
The discussion list for http://webstandardsgroup.org/
* 



[WSG] Modify class

2003-11-18 Thread Taco Fleur
Title: Modify class






Is it possible to modify the attribuites of a CLASS dynamically?


In other words, I now have a page with 200 objects on it, 20 of them are of CLASS:helpHidden, when help is clicked I now loop over all objects in the page and see if the object is of CLASS:helpHidden, if so then change the class to helpDisplay, obviously this takes a while and to me it looks like there should be a better way of doing it. Like for example change the properties of the class itself, for example;

CLASS:help


{

 visibility: hidden;

 display: none;

}


When HELP is clicked change the attributes of the class to 


{

 font-weight: bold;

 font-size: 14px;

 color: red;

 cursor: help;

 display: inline;

 visibility: visible;

}




Taco Fleur
07 3535 5072

Tell me and I will forget
Show me and I will remember
Teach me and I will learn





RE: [WSG] A few interesting articles...

2003-11-18 Thread Mark Stanton

Hey Mike

If you grab a copy of opera it actually does some good stuff with these
link tags - you get a site navigation bar under the location bar with
words like home, help, index, search, etc... I guess if there was
better browser support you'd find a lot more people going for this sort of
stuff.

Why not just put a home on the page... well at the moment you have to
again because of browser support. But if all browsers implemented this in a
consistent fashion I think the benefit to users would be huge. Pretty much
all apps that run on windows have a set of menus at the top - file, edit,
view, tools, window, help, etc.. the ordering is very consistent that so are
the options (you always know file will have things like new, open, save and
exit). If this could be carried over to the web I think it would help users
work out a fair bit.


Cheers

Mark


--
Mark Stanton
Technical Director
Gruden Pty Ltd
Tel: 9956 6388
Mob: 0410 458 201
Fax: 9956 8433
http://www.gruden.com

*
The discussion list for http://webstandardsgroup.org/
* 



RE: [WSG] Modify class

2003-11-18 Thread Taco Fleur

OK after your pointers I got the brain in gear (and found stuff I never thought was 
possible)

I ended up writing the following

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN 
http://www.w3.org/TR/html4/loose.dtd;
html
head
titleContacts System - Tourism Queensland/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
meta name=Author content=Taco Fleur ([EMAIL PROTECTED]) for Paxus
meta name=content-type content=Contact Information
link href=/style/default.css rel=stylesheet type=text/css
script
function replaceRule( objStyle, className, newClassName )
{
var r = objStyle.rules
for ( var i = 0; i  r.length; i++ )
{
if( r[i].selectorText == className )
{
objStyle.removeRule( i );
objStyle.addRule( className, newClassName, i );
return;
}
}
}
/script
/head

body
a href=## onClick=replaceRule( document.styleSheets[0], '.helpItem', 
'.helpItemDisplay' );test/a
div class=helpItem
img src=#request.imageRoot#/iconHelp.gif alt=Click here for help on this item 
Click on any item to display help./div
/body
/html

(This is a short version of the page)
The brain is out of juice now and can't figure out how to *easily* restore the old 
class.
Any bright ideas?
*
The discussion list for http://webstandardsgroup.org/
*



[WSG] IE whitespace issues

2003-11-18 Thread James Ellis
Hi all

I'm beating my head against a wall about this one... IE 5.5 and 6 is 
putting in some mystery whitespace (looks like about 8-10 pixels - a 
line) after a horizontal navigation list. This hor. list has a nested 
list holding some text within it.

The UL tag is contained in a div - the bottom whitespace is in between 
the bottom of the ul and the bottom of the div.

This occurs when I set the  width of the list to a fixed value (% or 
px). When I set to auto the issue  disappears but then when I roll over 
a link in the list (a) the content block (a div) below the list moves 
down the page one line at a time!!! - no javascript involved :D

Has anyone seen or knows of a fix for this (I've tried everything I know.)

Cheers
James
*
The discussion list for http://webstandardsgroup.org/
* 



Re: [WSG] IE whitespace issues

2003-11-18 Thread russ weakley
James,
Can you post a URL?
Russ

 
 Hi all
 
 I'm beating my head against a wall about this one... IE 5.5 and 6 is
 putting in some mystery whitespace (looks like about 8-10 pixels - a
 line) after a horizontal navigation list. This hor. list has a nested
 list holding some text within it.
 
 The UL tag is contained in a div - the bottom whitespace is in between
 the bottom of the ul and the bottom of the div.
 
 This occurs when I set the  width of the list to a fixed value (% or
 px). When I set to auto the issue  disappears but then when I roll over
 a link in the list (a) the content block (a div) below the list moves
 down the page one line at a time!!! - no javascript involved :D
 
 Has anyone seen or knows of a fix for this (I've tried everything I know.)
 
 Cheers
 James
 
 *
 The discussion list for http://webstandardsgroup.org/
 * 

*
The discussion list for http://webstandardsgroup.org/
* 



RE: [WSG] IE whitespace issues

2003-11-18 Thread Miles Tillinger

From an earlier post ('[WSG] relative positioning of nested lists') that sounds 
similar problem:

The extra linebreak vanishes if you specify padding-bottom or border-bottom.

HTH.

-Original Message-
From: James Ellis [mailto:[EMAIL PROTECTED]
Sent: Wednesday, November 19, 2003 2:42 PM
To: [EMAIL PROTECTED]
Subject: [WSG] IE whitespace issues



Hi all

I'm beating my head against a wall about this one... IE 5.5 and 6 is 
putting in some mystery whitespace (looks like about 8-10 pixels - a 
line) after a horizontal navigation list. This hor. list has a nested 
list holding some text within it.

The UL tag is contained in a div - the bottom whitespace is in between 
the bottom of the ul and the bottom of the div.

This occurs when I set the  width of the list to a fixed value (% or 
px). When I set to auto the issue  disappears but then when I roll over 
a link in the list (a) the content block (a div) below the list moves 
down the page one line at a time!!! - no javascript involved :D

Has anyone seen or knows of a fix for this (I've tried everything I know.)

Cheers
James

*
The discussion list for http://webstandardsgroup.org/
* 

*
The discussion list for http://webstandardsgroup.org/
*