[WSG] Re: relative positioning of nested lists
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...
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
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...
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
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
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
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
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/ *