Re: [WSG] Headings within ul Navigation
HI
While h1 is allowed in li according to
http://htmlhelp.com/reference/html40/block/h1.html, it's not the same
way that you are suggesting.. if you want to markup text to be
emphasised used em or strong.
h1-h6 are headings for content
You would be better of using descendant selectors here to avoid bloat
h4My list/h4!-- for instance --
ul
lihello
ullilevel2/li
/li
/ul
ul
{
/* styles */
}
ul li ul li
{
/* i think this will catch the 2nd level -could even do an li li to
be less specific and catch ol's */
}
Cheers
James
**
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] liquid 3-column layout - my head is spinning
Is there any standard for browsers like web standards ? Is there Any idea to standardise web browser lik web standard websites or limit the browser to solve these web standard problems? Jalal www.future-internet.com Lea de Groot [EMAIL PROTECTED] wrote: On Wed, 04 May 2005 22:47:45 +0200, Gunlaug Sørtun wrote: - How many of the old browser-versions should be allowed to influence our choice of design-methods? - Aren't there enough bugs and flaws in the new browser-versions? - Where's the quality control for browsers vs. standards -- is there any such thing?I have generally assumed that the upgrade path for opera was pretty good (ie as new version come out people are installing them) This is because people had to make the independant step of installing the thing in the first place!But, as always, log file results drive the testing.Lea-- Lea de GrootElysian Systems - I Understand the Internet Search Engine Optimisation, Usability, Information Architecture, Web DesignBrisbane, Australia**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** Yahoo! India Matrimony: Find your life partner online.
RE: [WSG] Headings within ul Navigation
Title: RE: [WSG] Headings within ul Navigation
Thanks all,
I've been doing it purely for strucural reasons rather than presentational.
The thought behind it was (all invented in my head);
+ hey, maybe it'll help give some more things for search engines to grab onto
+ maybe screen reader users can tab the nav by headers too, possibly helping as there's an 'alternative route'
Do you think the above is achieved? Is the 2nd point actually making it worse for these users?
Thanks again,
Jamie
-Original Message-
From: James Ellis [mailto:[EMAIL PROTECTED]]
Sent: 05 May 2005 08:10
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Headings within ul Navigation
HI
While h1 is allowed in li according to
http://htmlhelp.com/reference/html40/block/h1.html, it's not the same way that you are suggesting.. if you want to markup text to be emphasised used em or strong.
h1-h6 are headings for content
You would be better of using descendant selectors here to avoid bloat
h4My list/h4!-- for instance --
ul
lihello
ullilevel2/li
/li
/ul
ul
{
/* styles */
}
ul li ul li
{
/* i think this will catch the 2nd level -could even do an li li to be less specific and catch ol's */ }
Cheers
James
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] font list?
Hello, everybody. Not specifically related to standards, but I hope this is a simply enough question that somebody can respond. No matter how hard I try to explain, one of my clients just cannot understand that fonts are taken from the user's computer when they view the page. Basically, he can't shake the distinctions between print design and web design. What I need is a site that shows the different fonts that are recommended for web design. It would be nice if there were some kind of PDF I can print, but I can also go to his office and show him online if need be. Does such a chart exist? Thanks. -- ~john _ Dr. Zeus Web Design http://www.DrZeus.net content without clutter ** 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] font list?
what you need is: http://www.visibone.com/font/tests.html http://www.visibone.com/font/FontResults.html :-) -- Neerav Bhatt http://www.bhatt.id.au Need a Sydney based web standards contractor? You need my services. Recent projects for Glassonion, Freshweb, Cogentis, Ceneka ... http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://bookcrossing.com/referral/neerav john wrote: Hello, everybody. Not specifically related to standards, but I hope this is a simply enough question that somebody can respond. No matter how hard I try to explain, one of my clients just cannot understand that fonts are taken from the user's computer when they view the page. Basically, he can't shake the distinctions between print design and web design. What I need is a site that shows the different fonts that are recommended for web design. It would be nice if there were some kind of PDF I can print, but I can also go to his office and show him online if need be. Does such a chart exist? Thanks. ** 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] font list?
On 5 May 2005, at 8:30 PM, john wrote: What I need is a site that shows the different fonts that are recommended for web design. It would be nice if there were some kind of PDF I can print, but I can also go to his office and show him online if need be. Google: web-safe fonts N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** 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] liquid 3-column layout - my head is spinning
soft tester wrote: Is there any standard for browsers like web standards ? Think that was the idea behind W3C standards -- originally. Is there Any idea to standardise web browser lik web standard websites or limit the browser to solve these web standard problems? None working. regards Georg -- http://www.gunlaug.no ** 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] background image size in future CSS
On 5/5/05, Julián Landerreche [EMAIL PROTECTED] wrote: just curiosity: Will it be possible (in CSS3) to change the dimension (width, height) of a background image directly from the stylesheet? There's work on 'stretch'. Read the draft to know more. So, you can use a tiny image to create a whole screen background by stretching it from the CSS... and save a lot of bandwith... In what possible way can you stretch an image, keep it looking good and save bandwidth? The only possible thing I can imagine can be done with 'repeat', so tell me what you actually want to achieve. -- Cheers, Rob. http://zooibaai.nl | http://digital-proof.org | http://chancecube.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] font list?
Hello John, I frequently use CodeStyle as a reference: http://www.codestyle.org/css/font-family/index.shtml Shane john wrote: Hello, everybody. Not specifically related to standards, but I hope this is a simply enough question that somebody can respond. No matter how hard I try to explain, one of my clients just cannot understand that fonts are taken from the user's computer when they view the page. Basically, he can't shake the distinctions between print design and web design. What I need is a site that shows the different fonts that are recommended for web design. It would be nice if there were some kind of PDF I can print, but I can also go to his office and show him online if need be. Does such a chart exist? Thanks. ** 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] font list?
john wrote: No matter how hard I try to explain, one of my clients just cannot understand that fonts are taken from the user's computer when they view the page. Basically, he can't shake the distinctions between print design and web design. You may want to look into sIFR: http://www.macromedia.com/devnet/mx/dreamweaver/articles/sifr_demo.html Not for a whole document, but atleast for the headings. HTH, Thierry | http://www.TJKDesign.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] background image size in future CSS
In what possible way can you stretch an image, keep it looking good and save bandwidth? SVG ;) -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.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] background image size in future CSS
On 5/5/05, Jan Brasna [EMAIL PROTECTED] wrote: SVG ;) Jan, I thought we try to pursue a goal here: working stuff in IE too ;) But seriously, I have no idea what the use _can_ be. -- Cheers, Rob. http://zooibaai.nl | http://digital-proof.org | http://chancecube.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] background image size in future CSS
Rob Mientjes But seriously, I have no idea what the use _can_ be. If the resized image is smoothed by the browser before being displayed, and the original image is only meant to be an abstract, mood type background, then this could be useful within reason. But yes, only useful in a few limited instances. Apart from that, I'd say the usefulnes of stretch will come with fairly good quality, large images, as a way of making them fit nicely if they only need to be resized a few percent up/down from their original size. Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** 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] background image size in future CSS
But seriously, I have no idea what the use _can_ be. Well, I can't make anything up at the moment, but it could be something like em-sized vecor logotype etc. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.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 **
[WSG] Any good color spies?
You guys know of any good tools which has a color spy and also shows similar colors (colors that go well with the color you spied)? Free would be best.. -- Auxilium meum a Domino ** 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] Any good color spies?
I use ColorZilla + http://wellstyled.com/tools/colorscheme2/index-en.html -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.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 **
[WSG] IE CSS Gap Problem? Anybody have a solution?
Hi everyone, I have a CSS/IE problem I am trying to create a list on the left of this page. But as you can see in Firefox it works fine, but in IE it creates spaces below each li tag? Does anybody know why this is happening in IE? http://dev.blumedia.co.uk/pp/- Problem Page (View in IE) http://dev.blumedia.co.uk/pp/css/shell.css- CSS for page. Many thanks Joey
Re: [WSG] Any good color spies?
Yeah, I really like that one too. I can use a color spy and get a hex value and plug it into that and get a few difference variances. Thanks! On 5/5/05, Jan Brasna [EMAIL PROTECTED] wrote: I use ColorZilla + http://wellstyled.com/tools/colorscheme2/index-en.html -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.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 ** -- Auxilium meum a Domino ** 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] IE CSS Gap Problem? Anybody have a solution?
Try setting margin and padding to 0 in #btmain parker http://webdesign.parkertorrence.com On 5/5/05, Josef Dunne [EMAIL PROTECTED] wrote: Hi everyone, I have a CSS/IE problem I am trying to create a list on the left of this page. But as you can see in Firefox it works fine, but in IE it creates spaces below each li tag? Does anybody know why this is happening in IE? http://dev.blumedia.co.uk/pp/ - Problem Page (View in IE) http://dev.blumedia.co.uk/pp/css/shell.css - CSS for page. Many thanks Joey ** 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] IE CSS Gap Problem? Anybody have a solution?
Transform ul li../li li../li /ul into ulli../lili../li/ul -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.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] Any good color spies?
I use one at http://www.colorschemer.com/online.html -- recommended recently on this list, I believe. ~john _ Dr. Zeus Web Design http://www.DrZeus.net content without clutter on 5/5/2005 5:16 PM Greg Morphis said the following: You guys know of any good tools which has a color spy and also shows similar colors (colors that go well with the color you spied)? Free would be best.. ** 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] Any good color spies?
--- Jan Brasna [EMAIL PROTECTED] wrote: I use ColorZilla + http://wellstyled.com/tools/colorscheme2/index-en.html That's a good one... I believe I had posted my Color Scheme Tools links to the list before, but since you asked, here it is again: http://www.krassycandoit.com/blah/2004/06/color-scheme-tools.html Cheers, Krassy Krassy Lyakov web.developer web: http://www.krassy.com/ blog: http://www.krassycandoit.com/blah/ Discover Yahoo! Have fun online with music videos, cool games, IM and more. Check it out! http://discover.yahoo.com/online.html ** 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] IE CSS Gap Problem? Anybody have a solution?
Hi this never worked, neither did closing up all the whitespace. Thanks though, does anyone else have a solution to this problem? Thanks Joey -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Parker Torrence Sent: 05 May 2005 17:44 To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE CSS Gap Problem? Anybody have a solution? Try setting margin and padding to 0 in #btmain parker http://webdesign.parkertorrence.com On 5/5/05, Josef Dunne [EMAIL PROTECTED] wrote: Hi everyone, I have a CSS/IE problem I am trying to create a list on the left of this page. But as you can see in Firefox it works fine, but in IE it creates spaces below each li tag? Does anybody know why this is happening in IE? http://dev.blumedia.co.uk/pp/ - Problem Page (View in IE) http://dev.blumedia.co.uk/pp/css/shell.css - CSS for page. Many thanks Joey ** 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] Any good color spies?
Colorschemer Studio isn't free, but it's not real expensive either, and it does a very nice job with several options of color scheme selections, such as monochromatic, triad, tetrad, analogous, etc. Very visual, and schemes can be saved for use later. http://www.colorschemer.com Leslie You guys know of any good tools which has a color spy and also shows similar colors (colors that go well with the color you spied)? Free would be best.. ** 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] Any good color spies?
Don't forget the free version for those quick color samples. www.colorschemer.com/online Combine this with the colorzilla extension for firefox and you've got some nifty color tools at your hand. http://www.iosart.com/firefox/colorzilla/ And, go to the library and read J. Itten's color theory book to find out why things look good or not. Ted -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Leslie Riggs Sent: Thursday, May 05, 2005 10:29 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Any good color spies? Colorschemer Studio isn't free, but it's not real expensive either, and it does a very nice job with several options of color scheme selections, such as monochromatic, triad, tetrad, analogous, etc. Very visual, and schemes can be saved for use later. http://www.colorschemer.com Leslie You guys know of any good tools which has a color spy and also shows similar colors (colors that go well with the color you spied)? Free would be best.. ** 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] IE CSS Gap Problem? Anybody have a solution?
Hi this never worked, neither did closing up all the whitespace.
Hm, then it might be something with line-height.
#btmain ul {
padding: 0;
margin: 0;
list-style-type: none;
line-height: 1em;
}
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.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] IE CSS Gap Problem? Anybody have a solution?
I tried changing the line-height but it never worked? Hmm still no luck
unfortunately. Anybody else have a solution?
Thanks though Jan
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jan Brasna
Sent: 05 May 2005 18:55
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] IE CSS Gap Problem? Anybody have a solution?
Hi this never worked, neither did closing up all the whitespace.
Hm, then it might be something with line-height.
#btmain ul {
padding: 0;
margin: 0;
list-style-type: none;
line-height: 1em;
}
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.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
**
**
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] IE CSS Gap Problem? Anybody have a solution?
Josef Dunne wrote:
Does anybody know why this is happening in IE?
It's reserving space for something that isn't there.
http://dev.blumedia.co.uk/pp/
li {display: inline;}
regards
Georg
--
http://www.gunlaug.no
**
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] IE CSS Gap Problem? Anybody have a solution?
Josef Dunne wrote:
Thanks though, does anyone else have a solution to this problem?
I would HOPE that someone could come up with a cleaner solution, but I
could only do it by feeding IE alternate declarations for your 'span' rule:
span {
display:none;
_text-indent: -999px;
_display:inline;
}
(the underscore hack used here for speed!)
regards,
Stuart
--
- - -- --- - -
http://www.stuarthomfray.co.uk/
**
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] IE CSS Gap Problem? Anybody have a solution?
try this out,
Add this: #btmain a { text-indent:-9000px; text-decoration:none; }
and remove this: span { display:none; }
you can remove the spans from your markup as well.
This works in IE6, Moz, and FF.
The problem is the span rule. Why? IE is crazy... ;)
You can see this by commenting the span rule and refreshing the page.
The mystery margins are gone!
Andrew
Josef Dunne wrote:
I tried changing the line-height but it never worked? Hmm still no luck
unfortunately. Anybody else have a solution?
Thanks though Jan
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] Any User Interface Developer out there?
Title: Message Hello all, I posted a employment opportunity in the resources section of the WSG site a few weeks ago and haven't heard a peep. So I thought I'd send out a posting as wellto see if anyone knew of a UI developer that is looking for work. We're looking forsomeone in Melbourne that would be available for 2-3 months work, starting in the nextcouple ofweeks. The full description can be found here:http://webstandardsgroup.org/go/job440.cfm Many thanks, Mick. ***Confidentiality/Limited Liability Statement*** This message contains privileged and confidential information intended only for the use of the addressee named above. If you are not the intended recipient of this message, you must not disseminate, copy or take any action in reliance on it. If you have received this message in error, please notify Deloitte immediately. Any views expressed in this message are those of the individual sender, except where the sender specifically states them to be the views of Deloitte. Liability limited by the Accountants' Scheme, approved under the Professional Standards Act 1994 (NSW). The sender cannot guarantee that this email or any attachment to it is free of computer viruses or other conditions which may damage or interfere with data, hardware or software with which it might be used. It is sent on the strict condition that the user carries out and relies on its own procedures for ensuring that its use will not interfere with the recipients systems and the recipient assumes all risk of use and absolves the sender of all responsibility for any consequence of its use.
Re: [WSG] IE CSS Gap Problem? Anybody have a solution?
There are a range of methods of removing whitespace in IE:
1. border-bottom
li { border-bottom: ?; }
2. display: inline - works well if the a element is set to display: block:
li { display: inline; }
3. float
li { float: right; }
li { float: left; }
4. vertical align
li a { vertical-align: bottom; }
5. removing html whitespace
lia href=text/a/lili
a href=text/a/lili
Each has merits depending on your needs. Generally I find the display inline
or float options to work best.
HTH
Russ
I tried changing the line-height but it never worked? Hmm still no luck
unfortunately. Anybody else have a solution?
Thanks though Jan
**
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] Headings within ul Navigation
Does anyone know whether it's correct to use headings in your navigation? I'd say it's not correct; although I'd counterpoint by saying that nested lists imply the sort of structure I think you're trying to define. That is... the nested lists are one level down from the containing LI. So adding the headings is doubling up, semantically speaking. Plus, headings should be attached to content; which they aren't in the list. h -- --- http://www.200ok.com.au/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson ** 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] font list?
john wrote: What I need is a site that shows the different fonts that are recommended for web design. It would be nice if there were some kind of PDF I can print, but I can also go to his office and show him online if need be. Does such a chart exist? I like this neat table: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html ciao, zulema Z u l e m a O r t i z w e b d e s i g n e r email : [EMAIL PROTECTED] website : http://zoblue.com/ weblog : http://blog.zoblue.com/ browser : http://getfirefox.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] Validation error question for XHTML Strict
input has to be wrapped in a block level tag of some sort, e.g. p, div, fieldset etc. So you'd use: pinput/p or divinput/div or fieldsetinput/fieldset (very simplified) Kwok-Ting ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
