Re: [WSG] Where is my navbar?
I presumed it is the way you position your element because on my mac in Netscape 7. and IE 5. The logo, the image and the menu are not position the same way. Try to take off the position relative for the #mainmenu and if there is still a problem change the position for #menuList to absolute, in this case you will maybe have to give a left and top position. Regards Berry I am stumped. I have a CSS Drop Menu navigation on the following page - I can see it in FF but not in IE. My page validates. My css validates. I can't see where my error is... http://www.zenfulcreations.com/client-files/gu/ The menu is customized from this one - which DOES work in IE: http://www.digital-halide.com/cssmenu/ Can someone take a second look? Lori Leach ZenfulCreations http://www.zenfulcreations.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] Where is my navbar?
Lori Leach wrote:
I have a CSS Drop Menu navigation on the following page - I can see
it in FF but not in IE.
http://www.zenfulcreations.com/client-files/gu/
IE/win need a HasLayout hack.
@media all {
* html mainMenu {height: 0;}
}
... at the end of your stylesheet, will bring the menu up on screen.
regards
Georg
**
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] Where is my navbar?
Berry, Thank you - that did get it to appear - now, however the submenus are not showing up in the right areas in IE (pc). Did that removal of relative get the positioning right on the Mac? Lori Leach ZenfulCreations http://www.zenfulcreations.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] Where is my navbar?
Georg, I added that to the bottom, and the menu is appearing at the top now, but my submenus are wrong in IE. Thanks so much for looking and your help... Lori Leach ZenfulCreations http://www.zenfulcreations.com/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Gunlaug Sørtun Sent: Wednesday, January 19, 2005 2:58 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Where is my navbar? IE/win need a HasLayout hack. ** 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] User Preference Script
Hi All, I would love some feedback on a User Preference Script http://www.csscreator.com/generator/userpref.php Reports of support from Mac browser and early IE would be especially useful to me at the moment. Please provide responses Off List unless you think others would benefit from it in some way. Tony Aslett [EMAIL PROTECTED] http://www.csscreator.com http://www.appcreator.com http://www.multiwebspace.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] User Preference Script
On Wed, 19 Jan 2005 19:34:58 +1000, Tony Aslett [EMAIL PROTECTED]
wrote:
I would love some feedback on a User Preference Script
http://www.csscreator.com/generator/userpref.php
Because Opera is not able to modify stylesheet rules,
I've been looking for a different solution, and I found one -
use multiple classes on body:
body class=smallfont verdana red
body.smallfont {font-size: small;}
body.verdana {font-family: verdana,sans-serif;}
body.red {color: red;}
body.red #something.else {color: red;}
This way you don't need to have lots of alternate stylesheets.
You could even put all such rules in a default stylesheet
and have classic style switcher additionally.
--
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] empty named anchors
Can anyone clarify? Me not :) However I'd use construction like ... h1 id=tocTable of contents/h1 ... and you're done. -- 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
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] empty named anchors
Empty link elements are not good (as Patrick pointed out)but what about named anchors (destination anchors)? They are obsolete. Refer to any id instead. Is there any reason why they should not be empty? I wouldn't be surprised if it was because of a bug in Netscape4. -- 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] Where is my navbar?
Lori Leach wrote:
Georg,
I added that to the bottom, and the menu is appearing at the top now,
but my submenus are wrong in IE.
Just continue, using this...
ul li.menubar {position: relative;}
...which will put the submenus in the right place.
If IE/Mac don't like this (as I can't test that one right now), just put
it inside the @media all rule - but without a '* html' hack since all
good browsers should react correctly on it.
(Your submenus need to know what to stay relative to).
I've tested your page with these corrections in FF, Opera and IE6, and
it is displaying fine across the board.
Georg
**
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:
perfectly safe, no scrollbars, and indeed you don't even need the span element. just set the text-indent on the a, and the text will be offscreen, with the background image still in place. That's nice, however ... I've never gotten that technique to work properly in Opera. It always either a) makes scrollbars b) displays some of the text despite insane negative text-indent values... ... I'm quite afraid of that :( Add top:-1000px; left:-1000px; and you'll be bullet proof ;) No scrollbar problems here? Actually... Why the hell do we need to do this? :( Screen readers should only stick with the aural styles and not the screen ones (not ignoring elements, that are not to be displayed) so only display: none in screen style would do the work :'( ... -- 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] empty named anchors
Focas, Grant wrote: Empty link elements are not good (as Patrick pointed out)but what about named anchors (destination anchors)? Is there any reason why they should not be empty? I'm typically using anchors like this one: a id=item_1 name=item_1/a, and can't see the need to fill them. As Kornel pointed out; 'name=' is obsolete, but some older browsers are still in need of name', and the validator won't object. It is up to us, I guess. As a sidenote: IE6 may have problems finding anchors in a page - depending on how/where it is placed. No other browsers that I know of have such problems. regards Georg ** 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] User Preference Script
Hi Kornel,
That looks very similar to something I saw not long ago at alistapart.
http://www.alistapart.com/articles/bodyswitchers/
It's a fine solution, but you still need to pre-define each rule in a
stylesheet and there will be browser that don't support the technique.
Tony.
Kornel Lesinski wrote:
On Wed, 19 Jan 2005 19:34:58 +1000, Tony Aslett [EMAIL PROTECTED]
wrote:
I would love some feedback on a User Preference Script
http://www.csscreator.com/generator/userpref.php
Because Opera is not able to modify stylesheet rules,
I've been looking for a different solution, and I found one -
use multiple classes on body:
body class=smallfont verdana red
body.smallfont {font-size: small;}
body.verdana {font-family: verdana,sans-serif;}
body.red {color: red;}
body.red #something.else {color: red;}
This way you don't need to have lots of alternate stylesheets.
You could even put all such rules in a default stylesheet
and have classic style switcher additionally.
**
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] Placing a link text on top of BG image
Hello WSG folks, Further to Carmelyne's post I am also having trouble placing link text over the top of background graphics. I used Patrick's solution of adding span tags on the links but was wondering if there was another way which is even cleaner. Or am I trying too hard and is the add span method considered the best way? Surely there must be a way of using CSS to position the text? I must be a gumby head because everything I do affects the BG graphic underneath :/ I have done up a concept page of how the left nav should look and work here: http://www.skyrocket.com.au/Concepts/testpage02.html Can anyone point me in the right direction? Regards PAUL ROSS SkyRocket Design Co ** 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] Placing a link text on top of BG image
Further to Carmelyne's post I am also having trouble placing link text over the top of background graphics.Surely there must be a way of using CSS to position the text? Yes, there is a simple way: use padding. See http://browsehappy.pl (note: .pl) - heading gfx is just h1 and text is positioned using padding. Remember that elements must have display: block to respect padding. Use ul for menu. -- 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] mysterious little movement
Andreas Boehmer wrote: If you look in IE/PC at http://dev.rmittestlab.com/ you will notice that there is a little blue space under the Services heading. You are experiencing The IE Three Pixel Text-Jog described in http://www.positioniseverything.net/explorer/threepxtest.html The floating #leftNav induces a 3px Text-Jog in #content_right 1) Add the Holly Hack to #content_right. Now, we are experiencing another IE bug: #leftNav li li a:hover induces a gray box (100% width) near the bottom of #mainContent: 2) Add the Holly Hack to h1. ( looks like your layout is a scenario for more IE bugs: If you'd apply only fix 2), the html-comments before/after h1 would induce duplicating characters, see http://www.positioniseverything.net/explorer/dup-characters.html and the #content_right looses its background ... better close this). I think your layout would become more IE-stable with floating #content_right instead of positioning it with margin-left. Ingo Chao ** 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:
From: JohnyB [...] Actually... Why the hell do we need to do this? :( Screen readers should only stick with the aural styles and not the screen ones (not ignoring elements, that are not to be displayed) so only display: none in screen style would do the work :'( ... Just like with browsers, what screenreaders *should* do is not always the same as what they *actually* do in practice. See http://css-discuss.incutio.com/?page=ScreenreaderVisibility 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 **
[WSG] Help - newbie
Title: Message I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. Paul
Re: [WSG] background-image:
Just like with browsers, what screenreaders *should* do is not always the same as what they *actually* do in practice. I know, I know... I just needed to vent 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] Help - newbie
On Wed, 19 Jan 2005 10:05:03 -0330, Paul [EMAIL PROTECTED] wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. Paul With regard to editors, you may find this link helpful. http://css-discuss.incutio.com/?page=CssEditors David -- http://www.dlaakso.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] User Preference Script
I think I may make one for my site later.
On Wed, 19 Jan 2005 20:47:45 +1000, Tony Aslett [EMAIL PROTECTED] wrote:
Hi Kornel,
That looks very similar to something I saw not long ago at alistapart.
http://www.alistapart.com/articles/bodyswitchers/
It's a fine solution, but you still need to pre-define each rule in a
stylesheet and there will be browser that don't support the technique.
Tony.
Kornel Lesinski wrote:
On Wed, 19 Jan 2005 19:34:58 +1000, Tony Aslett [EMAIL PROTECTED]
wrote:
I would love some feedback on a User Preference Script
http://www.csscreator.com/generator/userpref.php
Because Opera is not able to modify stylesheet rules,
I've been looking for a different solution, and I found one -
use multiple classes on body:
body class=smallfont verdana red
body.smallfont {font-size: small;}
body.verdana {font-family: verdana,sans-serif;}
body.red {color: red;}
body.red #something.else {color: red;}
This way you don't need to have lots of alternate stylesheets.
You could even put all such rules in a default stylesheet
and have classic style switcher additionally.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
--
Anthony Timberlake
Owner - StaticHost Internet Services
http://www.statichost.co.uk
http://www.spikeradio.org
**
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] Should we be thankful for IE's non-development?
I don't like IE, that's why I really don't care if my site's look good in it. But the fact is that people still use IE, and there is a lot of them, so you have to design for that too, even though my sites all look much better is Firefox. On Wed, 19 Jan 2005 14:03:45 +1000 (EST), Rob Unsworth [EMAIL PROTECTED] wrote: On Wed, 19 Jan 2005, Chris Blown wrote: On Wed, 2005-01-19 at 12:20, Chris W. Parker wrote: David R mailto:[EMAIL PROTECTED] I don't think so. It'd just be more of the same. Some people would have old browsers that don't work right and other people would have newer browsers that do work right. Which browsers they are makes no difference imo. I strongly believe that Microsoft are fully aware of their strangle hold and until something like Firefox becomes a significant threat, they will sit by idle without a care in the world and claim that IE is everything their customers wanted. You are right about that. Check out this link, and in particular the referenced email from Microsoft. http://www.linuxpipeline.com/57701967 -- Get FireFox http://spreadfirefox.com/community/?q=affiliatesid=0t=1 Regards, | Lions District 201 Q3 Rob Unsworth | IT Internet Chairman Ipswich, Australia| http://www.lionsq3.asn.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 ** -- Anthony Timberlake Owner - StaticHost Internet Services http://www.statichost.co.uk http://www.spikeradio.org ** 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] Help - newbie
standards ( like Dreamweaver MX ? ) Eh, I won't suggest it to beginner - skilled coder knows all the gotchas, but beginner may just stuck with the WYSIWYG and do it badly. Everebody in our workshop works with PSPad on almost everything. If you want to try WYSIWYG I'd suggest trying NVU... and where should I start for tips on accessibility and standards compliance. For example here :) It's up to you if you prefer articles on webmagazines (alistapart.com etc.) or reading books (see amazon.com). -- 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] Help - newbie
Hi, Here's a bit of what I've learned jumping from editor to editor. 1) Don't pay for and editor, unless your filthy rich or can freeload one off a company you work for. There are free alternatives that are at least as good as the one's you pay for. 2) WYSIWYG (point and click) is pure evil. I used to think it saved time. It doesn't. It may be that a new WYSIWYG editor will appear that will prove me wrong, but in my experience they produce invalid code and what's worse is it's unreadable so that you have to rewrite the page if you ever want it to validate of change it to XHTML. 3) You'll probably want to keep a couple of them on hand in case your working on different types of projects since each one is better at different tasks. Currently I'm using Eclipse at home (for my own server, Apache/PHP) and PSPad for work (an IIS/ASP server). A short review of a few I've used (just google to find downloads): 1) TSW Webcoder: Not bad for newbies. It requires regristration to get rid of the popup things which is anoying. It is basically for HTML/CSS coding only. It has no support for server-side scripting like PHP or ASP besides serverside scripting and no support for XML, which is why I wouldn't recommend it to anyone else. The program itself looks nice and the build in ftp manager works well. 2) PHP Coder (Maugma Studios): I got this during my search for decent PHP indegration. PHP Coder and Maugma Studios are essetially the same program with the difference that Maugma Studios will inseccently bug you to give them money. PHP Coder is a good program for PHP coding as well as basic HTML/XHTML but I really wouldn't recommend it for anything else. 3) TopStyle Lite: This is _the_ program for CSS. Granted I haven't really looked around for alternatives, but this one is pretty good. What I really like about it is the buit in style inspector that will allow you to quickly view what broswers and want version of CSS your code is compatible with. 4) Eclipse: This is an IDE developed by IBM. It is open source and highly extensible which is what makes it such a gem. With the PHPEclipse plugin, it is hands down the best program for PHP developement. There's also plugins for just about everything else under the sun (even games). 5) PSPad: This is an excellent text editor. One thing I really like about it the multitude of options it has for syntax hilighting as well as the multihighlighter. I also has a multitude of options that I haven't even looked at. The one fault in this thing is the FTP manager. It locks the program up while your transfering files. On a dial-up connection that can mean that your spending a while twidling your thumbs during uploads. The solution is simple though, just use an external program for FTP. There you go. Hope that helps. Alan Trick Paul wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. 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 **
Re: [WSG] Help - newbie
Paul wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. Paul The editor doesn't make you write bad code-- you do :) I use edit plus2 for all of my dev work, and 99% of it is valid xhtml/css. the last 1% is because i'm on an MS system at work, and we all know how sometimes, theres just no way to do it right and serve a 99.9995% IE6 audience. ** 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] Help - newbie
On Wed, 19 Jan 2005 10:05:03 -0330, Paul wrote: is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Rather than changing editors, or at least, rather than going to DW! :), I'd suggest you just start validating your pages. Figuring out those fixes will teach you a lot, and from there you can move on to Accessibility with time. You know the URLs to validate, right? http://validator.w3.org/ is one, and there are a couple of others. HIH! 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 **
[WSG] resizing w/ floats
Hi, I've built a couple of websites and each time I come up with the ominous problem of using div's as columns. The simplest solution and the one I've found all over the web is to use floats like so: ___ | | | | | | | | | | | | | | | | | | | | | |stuff | | | float 1 | in | float 2 | | |middle| | | | | | | | | | | | | | | | | | |__| The problem is that the containing block, usually another div does not resise to fit the length of the right and left blocks because they are floated. So you get things like this: ___ | | | | | | | | | | | | | | | | | | | | | |stuff | | | float 1 | in | float 2 | | |middle| | | | | | |_|__|_|--bottom of containing block | | |_| | | |_| This can gets impossible to work with if I want, say, a border around the whole thing, or particular backgrounds. I've figured out two 'fixes' to the problem, but neither of them are what I would like. The first is to put it in a table (which is useing a table for something it shouldn't be). The second would be useing javascript to fix it, but that isn't good either. What is the proper way to do this kind of thing, or does css not properly support a format like this? ** 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] Help - newbie
Thanks for the help. I realize it is I who has been writing the bad code and want to get away from it, I guess I am having a hard time getting around the idea of replacing tables with div tags or is that really necessary? As an example, if you want one, take a look at this page (http://www.m5i.com/wu/index13.php) that is coming under fire ( no need to rehash how bad the code is, the client has already informed me :-) ) How do you achieve the same spacing, and the forever repeating background on the header! Ahh ! Thanks for all your help, This forum is awesome! Paul -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Brian Cummiskey Sent: Wednesday, January 19, 2005 11:12 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Help - newbie Paul wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. Paul The editor doesn't make you write bad code-- you do :) I use edit plus2 for all of my dev work, and 99% of it is valid xhtml/css. the last 1% is because i'm on an MS system at work, and we all know how sometimes, theres just no way to do it right and serve a 99.9995% IE6 audience. ** 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] Help - newbie
True, provided your editor isn't WYSIWYG. Brian Cummiskey wrote: Paul wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. Paul The editor doesn't make you write bad code-- you do :) I use edit plus2 for all of my dev work, and 99% of it is valid xhtml/css. the last 1% is because i'm on an MS system at work, and we all know how sometimes, theres just no way to do it right and serve a 99.9995% IE6 audience. ** 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] Help - newbie
Wow,wow,wow slow down Alan, ... Alan Trick wrote: 1) TSW Webcoder: Not bad for newbies. It requires regristration to get rid of the popup things which is anoying. It is basically for HTML/CSS coding only. It has no support for server-side scripting like PHP or ASP besides serverside scripting and no support for XML, which is why I wouldn't recommend it to anyone else. The program itself looks nice and the build in ftp manager works well. I LOVE TSW WebCoder. TSWare does have syntax highlighting for: PHP, ASP, Javascript, HTML/XHTML, XML, CSS, C#, SQL, VBScript... It has autocomplete for HTML which is great too, it will popup code competion options etc.. like VB does - this can be turned off too!! it has LOTS of support... The developer has his own forums where he personally replies and accepts suggestions and critisims, here: http://www.webcoderusers.net/ Built in FTP is Excellent! Built in Project Manager - with Status reports, To Do Lists, Full Project Upload Built in Server Mapping. Preview in IE and Mozilla - only for HTML coding, or if your server mapping... HTML Tidy is built in... Built in HTML/CSS Validator - on the fly validators... Own Scripting Engine, to build your own UI or just functions... Wow. I could go on more and more... i LOVE TSW Webcoder! I would recommend it to ANYONE!!! The registration you do is optional, and its free no matter what... I love it. www.tsware.net Enjoy!! -- Chris Stratford [EMAIL PROTECTED] http://www.neester.com -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 265.7.0 - Release Date: 17/01/2005 ** 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] resizing w/ floats
I've built a couple of websites and each time I come up with the ominous problem of using div's as columns. The simplest solution and the one I've found all over the web is to use floats like so: SNIP The problem is that the containing block, usually another div does not resise to fit the length of the right and left blocks because they are floated. So you get things like this: SNIP This can gets impossible to work with if I want, say, a border around the whole thing, or particular backgrounds. I've figured out two 'fixes' to the problem, but neither of them are what I would like. The first is to put it in a table (which is useing a table for something it shouldn't be). The second would be useing javascript to fix it, but that isn't good either. What is the proper way to do this kind of thing, or does css not properly support a format like this? There is no reason to use a table or JS to fix a 3-col div layout, IMO. Your floats are extending through the bottom of the containing div because that is their natural behavior. To make it so that they don't do that, you need to clear them. There are a number of ways to create CSS 3-col layouts. The best source is: http://css-discuss.incutio.com/?page=ThreeColumnLayouts. HTH Regards, Ron ** 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] resizing w/ floats
div id="container" div id="left"/div div id="right"/div br style="clear:both;" / - Is what I use. It does validate but I'm sure theres other ways you can use too. /div -- Carmelyne Thompson Web Architect/Developer Alan Trick wrote: Hi, I've built a couple of websites and each time I come up with the ominous problem of using div's as columns. The simplest solution and the one I've found all over the web is to use floats like so: ___ | | | | | | | | | | | | | | | | | | | | | | stuff | | | float 1 | in | float 2 | | | middle | | | | | | | | | | | | | | | | | | |__| The problem is that the containing block, usually another div does not resise to fit the length of the right and left blocks because they are floated. So you get things like this: ___ | | | | | | | | | | | | | | | | | | | | | | stuff | | | float 1 | in | float 2 | | | middle | | | | | | |_|__|_|--bottom of containing block | | |_| | | |_| This can gets impossible to work with if I want, say, a border around the whole thing, or particular backgrounds. I've figured out two 'fixes' to the problem, but neither of them are what I would like. The first is to put it in a table (which is useing a table for something it shouldn't be). The second would be useing _javascript_ to fix it, but that isn't good either. What is the proper way to do this kind of thing, or does css not properly support a format like this? ** 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] resizing w/ floats
Alan Trick wrote: The problem is that the containing block, usually another div does not resise to fit the length of the right and left blocks because they are floated. So you get things like this: ___ | | | | | | | | | | | | | | | | | | | | | |stuff | | | float 1 | in | float 2 | | |middle| | | | | | |_|__|_|--bottom of containing block | | |_| | | |_| As everyone else has stated, you need to clear the floats. I use a method that doesn't require a clearing element such as an empty div or br clear=both. Sometimes, and this is a little strange in itself, you'll need to apply this technique to the containing element as well for Netscape v6. http://www.positioniseverything.net/easyclearing.html -- Best regards, Michael Wilson ** 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] Where is my navbar?
Georg,
Thank you so much - that did fix it! I am in awe of your knowledge, and
cannot thank you enough for your time.
Lori Leach
ZenfulCreations
http://www.zenfulcreations.com/
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Gunlaug Sørtun
Sent: Wednesday, January 19, 2005 5:17 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Where is my navbar?
Just continue, using this...
ul li.menubar {position: relative;}
**
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] Accessibility Features
Hi, At the following url would someone suggest additional accessibility features for an audience with varying physical and emotional disabilities. My concern is that the current features will not be as flexible as desired. CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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] cssedit review
I've been reading the member's reviews of editors in the thread Help - newbie. Upon this subject I am interested to know if any of you have used CSSEdit from http://www.macrabbit.com/cssedit/ I am considering a new editor and am asking for reviews, pros cons of this program. Does it have built in ftp? Does it have syntax highlighting? Does it have validation built in? Is the preview accurate? What do you like and dislike about the program? Any info would be appreciated. Thank you very much! Happy Coding, Shane Helm sonzeDesignStudio www.sonze.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] Help - newbie
Paul wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. I know this sounds highly hypocritical, but if you wait 'till August, Visual Studio 2005 looks attractive... we've been assured of complete XHTML1.1 and full CSS2.1 support. You can get it quite cheaply on a student license, usually at around £80 (considering it usually costs around £800 ;) ), but if you need something urgently, I'd use HomeSite... it comes with Dreamweaver MX (although the RDS Driver installed with it can make a mess of your system) -- -David R ** 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] Help - newbie
Paul wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. Paul Firstly, can I second the other commentors views on Validation and WYSIWYG etc. Secondly, can I recommend NoteTab Light - a free text editor available from Fookes Software. Excellent clipbook support with downloadable libraries available for most programming languages. Also plugins for integrated HTML Tidy and Validation are available along with a bunch of other useful widgets. I've used it religiously for about 4 years - so much so that I upgraded to the Pro version. At $19.95 you can't really go wrong. Hope that helps, Bryan BryanDavis.info http://www.bryandavis.info ** 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] User Preference Script
Tony Aslett wrote: Hi All, I would love some feedback on a User Preference Script http://www.csscreator.com/generator/userpref.php Reports of support from Mac browser and early IE would be especially useful to me at the moment. Please provide responses Off List unless you think others would benefit from it in some way. Personally, I don't see the point in JavaScript-powered style switchers when Server-Side works better... more people have first-party cookies enabled than JavaScript. -- --David R ** 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] Accessibility Features
What URI? ;) -- -David R Chris Kennon wrote: Hi, At the following url would someone suggest additional accessibility features for an audience with varying physical and emotional disabilities. My concern is that the current features will not be as flexible as desired. CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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] User Preference Script
Personally, I don't see the point in JavaScript-powered style switchers when Server-Side works better... Client-side switcher has immediate effect, so it's easier to choose style IMHO. Besides that, there is no real difference. Current browsers' built-in style switcher implementations are forgetful, so cookies must be used anyway. For me this is a disadvantage, because cookies lower cachability of pages. -- 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] Accessibility Features[Revision-URL Included]
On Wed, 19 Jan 2005 09:19:14 -0800, Chris Kennon [EMAIL PROTECTED] wrote: Hi, At the following url would someone suggest additional accessibility features for an audience with varying physical and emotional disabilities. My concern is that the current features will not be as flexible as desired. http://working.ckimedia.com/questionWar/index.htm The text and menu fonts are far too small. ~dL -- http://www.dlaakso.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] Where is my navbar?
Hi, There is no problem in netscape 7.0 on mac but for IE 5 the Featured Item column is still under the image. I will try to look at it and see what is wrong, and I will come back later. For the Pc the submenu are wrong because it have an absolute position (.menu class) If you change the left and top position the sub-menu will probably take the right place. Why don't you position your menu in a absolute position. This way problem will be probably solved ? Berry Berry, Thank you - that did get it to appear - now, however the submenus are not showing up in the right areas in IE (pc). Did that removal of relative get the positioning right on the Mac? Lori Leach ZenfulCreations http://www.zenfulcreations.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] User Preference Script
Kornel Lesinski wrote: I've been looking for a different solution, and I found one - use multiple classes on body: body class=smallfont verdana red Although, if I understand you correctly, that class attribute will be written out server side on request, based on user choices, it may still be worth pointing out that those are types of classnames which should be avoided - as effectively, you separate presentation from content, only to tie presentation back in with the choice of classnames. -- Patrick H. Lauke _ redux (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] User Preference Script
along those lines, I wonder if class names such as this would in fact be correct if all they were doing is adding a visual style (not really tied to conveying the information, rather to control how pretty it is)? i suppose this would be similar to my occasional use of an empty div (usually named something like 'bg') to add a background image. It isn't essential to the accessible presentation, only to the 'pretty value' of the page. Just some thoughts. I'm a little fried ~j On Wed, 19 Jan 2005 19:15:57 +, Patrick H. Lauke [EMAIL PROTECTED] wrote: Kornel Lesinski wrote: I've been looking for a different solution, and I found one - use multiple classes on body: body class=smallfont verdana red Although, if I understand you correctly, that class attribute will be written out server side on request, based on user choices, it may still be worth pointing out that those are types of classnames which should be avoided - as effectively, you separate presentation from content, only to tie presentation back in with the choice of classnames. -- 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 ** -- Jonathan T. Sage Theatrical Lighting / Set Designer Professional Web Design [HTTP://www.JTSage.com] [HTTP://design.JTSage.com] [EMAIL PROTECTED] ** 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] H2 Background image in IE Win
Hi everybody. @Tom: I looked at it in IE 6, FF 1.0, Moz 1.7.5 and Opera 7 on WinME, it looks the same everywhere, can't see any difference. Lothar -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 265.7.0 - Release Date: 17.01.2005 ** 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] Accessibility Features
Chris Kennon wrote: emotional disabilities. I may be cold-hearted, but I don't consider myself disabled. ;) I'm sure you meant cognitive disabilities / learning difficulties / etc -- 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] Accessibility Features[Revision-URL Included]
Chris Kennon wrote: At the following url would someone suggest additional accessibility features for an audience with varying physical and emotional disabilities. My concern is that the current features will not be as flexible as desired. http://working.ckimedia.com/questionWar/index.htm One suggestion would be alternate/switchable stylesheets, with one that makes the layout fluid/resizable (and maybe single column) And the font-size of the navigation list links can't be changed in IE...using px? -- 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] mysterious little movement
Aha! I will give it a try. I just couldn't find a solution for it. Thanks, man. The design of this page was so full of little details that it ended up being quite a mix of css and DIVs. I'll follow your recommendation on the float:right as well. Cheers. -Original Message- From: IChao [mailto:[EMAIL PROTECTED] Sent: Wednesday, 19 January 2005 11:27 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] mysterious little movement Andreas Boehmer wrote: If you look in IE/PC at http://dev.rmittestlab.com/ you will notice that there is a little blue space under the Services heading. You are experiencing The IE Three Pixel Text-Jog described in http://www.positioniseverything.net/explorer/threepxtest.html The floating #leftNav induces a 3px Text-Jog in #content_right 1) Add the Holly Hack to #content_right. Now, we are experiencing another IE bug: #leftNav li li a:hover induces a gray box (100% width) near the bottom of #mainContent: 2) Add the Holly Hack to h1. ( looks like your layout is a scenario for more IE bugs: If you'd apply only fix 2), the html-comments before/after h1 would induce duplicating characters, see http://www.positioniseverything.net/explorer/dup-characters.html and the #content_right looses its background ... better close this). I think your layout would become more IE-stable with floating #content_right instead of positioning it with margin-left. Ingo Chao ** 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] H2 Background image in IE Win
So you see the '4 little squares' image to the left of the One Park Place head?? Tom Livingston Senior Multimedia Artist Media Logic mlinc.com On Jan 19, 2005, at 2:40 PM, Lothar B. Baier wrote: I looked at it in IE 6, FF 1.0, Moz 1.7.5 and Opera 7 on WinME, it looks the same everywhere, can't see any difference. ** 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] Help - newbie
I have always recommended not using an editor, learn it manually, then perhaps use one for shortcuts. Reliance on html editors and such isn't a good idea. That will go a long way toward learning on your own, without being limited by some software. Notetab or notepad is fine. Bruce Prochnau www.bkdesign.ca Ontario David Laakso wrote: On Wed, 19 Jan 2005 10:05:03 -0330, Paul [EMAIL PROTECTED] wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. Paul With regard to editors, you may find this link helpful. http://css-discuss.incutio.com/?page=CssEditors David ** 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] Re: [WD]: How Do I Learn to do Website Design?
I was just at dreamweaver website. Templates. No doctype, tables, imagemaps and javascript. God forbid. Randomly choosing four of them and viewing source showed me quite enough. Lets go backwards??? Font face font size the whole works of what we are trying to get rid of. Someone new would be wasting their time using on of these, and would learn nothing that wouldn't have to be unlearned. Learn the basics maually. Always always always Bruce Prochnau www.bkdesign.ca Joy Bower wrote: Get a copy of Dreamweaver or GoLive (I use Dreamweaver). I disagree. Either of these programs is a lot of $ for someone just starting out, not to mention pretty complex with a lot of stuff a beginner doesn't need. There are a number of HTML programs that are low or no cost you can try. At the start, what you want to do is look at the code and find out what each tag does. I did this by getting a cheap wysiwyg html editor and the putting stuff in - look at the code and look at the page on line - take it out or change it, see what happens. Once you have a good understanding of what each tag does, you can move on to a more complex editor as needed. That's a good way to do it, too. But for someone who is a print designe and must have been using a page layout program like Quark or InDesign, the interface of DW or GL is recognizable. Also, they work on a visual design metaphor as opposed to a programming metaphor. In my experience, getting the tools that work best for your particular needs will offset the initial cost. Then later, when she's got some sites under her belt, she can tackle the programming head on. I'm not saying this WILL work best for her, not knowing her personally. But, as a print designer turned web designer, I think this option MAY work very well for her. So, no argument with your suggestion. Just another option for her to choose from. +--+ more info about webdesign-l: http://webdesign-L.com/ to unsubscribe: http://webdesign-L.com/subscribe.html (updated!) list policies: http://webdesign-L.com/policies/ ** 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] Accessibility Features
Thanks for both replies. Your jargon is accurate. Sorry if this constitutes list noise. On Wednesday, January 19, 2005, at 11:49 AM, Patrick H. Lauke wrote: I'm sure you meant cognitive disabilities / learning difficulties / etc CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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] Re: [WD]: How Do I Learn to do Website Design?
Bruce wrote: I was just at dreamweaver website. Templates. No doctype, tables, imagemaps and javascript. God forbid. Randomly choosing four of them and viewing source showed me quite enough. Lets go backwards??? Font face font size the whole works of what we are trying to get rid of. Someone new would be wasting their time using on of these, and would learn nothing that wouldn't have to be unlearned. Those sites arn't targetting pro-standards people (well obviously), but neither anyone remotely interested in HTML. The typical consumer of templates is your off-the-shelf web-hosting provider and your common-or-garden CounterStrike clan. The former do tend to be better designed and coded, however. -- -David R ** 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] empty named anchors
Title: Re: [WSG] empty named anchors
One reason why you might not want to have content inside of an
anchor would be because of the implementation of stylesheets (or more
accurately how style rules have been specified).
For example if a hover rule is written for to the a
element it will be applied to content enclosed in the anchor tag (as
well as linked text).
a:hover {color: #900;}
I have come across a couple of instances of this where headings
have been enclosed in an anchor, i.e.
a name=anchor
id=anchorh1Heading
text/h1/a
This causes the text colour of the heading to change when
moused-over (although not a link). From an interface perspective this
can be quite confusing. (A feedback cue that suggests interaction is
possible when it is not).
Cheers
--
Andy Kirkwood
Motive | web.design.integrity
http://www.motive.co.nz
Re: [WSG] Accessibility Features[Revision-URL Included]
On 20 Jan 2005, at 4:19 AM, Chris Kennon wrote: additional accessibility features for an audience with ... emotional disabilities Accessibility for the emotionally disabled? A new direction for WS? What's next - accessibility for the mildly schizophrenic? Additional features for chronic depressives? /grin 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] Help - newbie
On 1/19/05 3:55 PM, Bruce [EMAIL PROTECTED] wrote: I have always recommended not using an editor, learn it manually, then perhaps use one for shortcuts. Reliance on html editors and such isn't a good idea. That will go a long way toward learning on your own, without being limited by some software. Notetab or notepad is fine. I couldn't agree more. I learned this way and it is the best teacher I've ever had (next to the WSG list). I had templates to work with in the early days and I couldn't understand anything other than how to replace text. You'll make mistakes and beat your head against the wall at times, but it's the BEST way to learn. Once you start feeling comfortable, you'll be able to open any source code and start tearing it apart to figure out how something was accomplished. Learn the basics...it'll go a long way. w -- Wayne Godfrey President, Creative Director Outgate Media, Inc. [EMAIL PROTECTED] -- ** 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] Brazilian Portal site Review. Opinions Welcomes
Hi. We are releasing next saturday, the new interface based in webstandards to biggest car seller website of brazil south region and the second of country. I would appreciate all comments and suggestions about interface, design and usability standards. The temporary address is: http://meucarronovo.locaweb.com.br You can post, register and suggest. The portal nowadays have 15.000 visits per day and almost 350.000 visits per month being a huge example of what webstandards can be usefull to big websites. Thanks a lot of all help gave for you last months Genau Lopes Jr. www.meucarronovo.com.br ** 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] mysterious little movement
Andreas Boehmer wrote: If you look in IE/PC at http://dev.rmittestlab.com/ you will notice that there is a little blue space under the Services heading. You are experiencing The IE Three Pixel Text-Jog described in http://www.positioniseverything.net/explorer/threepxtest.html I have applied the hack to it as you suggested and it works fine. Thanks again! I think your layout would become more IE-stable with floating #content_right instead of positioning it with margin-left. The reason I didn't give it a float is because I can't assign a width to it. There is no fixed or relative width I could give it - #content_right always takes up [width of window]-180px. What problems do you see with the current solution? I tested it in most browsers (Mac PC) and haven't seen any problems so far (other than the 3px bug of course). ** 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] Conditional comments
I'm pushing transparency to IE this way:
#logo {
background: url('img/logo.png') no-repeat;
}
* html #logo {
background: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png',sizingMe
thod='scale');
}
Does this really work on IE? Can I really use transparency in my PNG-24 and
have IE display it? Or is there some hidden catch?
w
--
Wayne Godfrey
President, Creative Director
Outgate Media, Inc.
[EMAIL PROTECTED]
--
**
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] Accessibility Features[Revision-URL Included]
Hi, Perhaps the lingo below is more succinct. cognitive disabilities / learning difficulties / etc On Wednesday, January 19, 2005, at 01:52 PM, Nick Gleitzman wrote: On 20 Jan 2005, at 4:19 AM, Chris Kennon wrote: additional accessibility features for an audience with ... emotional disabilities Accessibility for the emotionally disabled? A new direction for WS? What's next - accessibility for the mildly schizophrenic? Additional features for chronic depressives? /grin 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 ** The true measure of ignorance is thinking intelligence is the solution to everything. -ck Chris Kennon Principal ckimedia (www.ckimedia.com) e-mail: ([EMAIL PROTECTED]) blog: (http://thebardwire.blogspot.com/) ph: (619)429-3258 fax: (619)429-3258 ** 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] Brazilian Portal site Review. Opinions Welcomes
On 20 Jan 2005, at 8:16 AM, Genau Junior wrote: I would appreciate all comments and suggestions about interface, design and usability standards. The temporary address is: http://meucarronovo.locaweb.com.br Images in Noticias section are not loading - they're missing a leading slash in the pathname: img src='i/noticias/conditionzero51.jpg' Layout breaks on first text zoom level (Safari/Mac) - which was instinctive because text size is possibly too small for some. Main content drops below left column. HTH 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] Brazilian Portal site Review. Opinions Welcomes
Genau Junior wrote: I would appreciate all comments and suggestions about interface, design and usability standards. The temporary address is: http://meucarronovo.locaweb.com.br Hmmm, give it one click of font-resizing in Firefox, and it lines up nicely down the page. One more clearer would help a little... Use font-size options in IE6, and it is all broken and overlapping at the top. Apart from that: the main content box is slightly too wide to fit within the shadow-box. I think this design is in need of a lot more testing. Georg ** 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] Conditional comments
Does this really work on IE? Can I really use transparency in my PNG-24 and have IE display it? Or is there some hidden catch? It is used so here: http://dev.alphanumeric.cz/webspace -- there are some gotchas, like making the whole block transparent, so it's not to possible to click on it if it's an anchor etc., so some further adjustments are needed :( -- 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 **
[WSG] Convert uppercase file names to lower case
Hi everyone I have a large site full of mixed case file names with lots of broken links as most of the links are referring to lower case. Also we are running a Linux web server which is case sensitive so naturally most of the site is broken. Question - is there any program or a way of converting all the file names to lower case without doing it manually? Thanks in advance for your help. Cheers *** Helen Rysavy Web Designer, Teaching Learning Development Charles Darwin University, Northern Territory 0909 Tel: 8946 7779 Mobile: 0403 290 842 mailto:[EMAIL PROTECTED] www.cdu.edu.au CRICOS Provider No: 00300K *** ** 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] Conditional comments
Does this really work on IE? Can I really use transparency in my PNG-24 and have IE display it? Or is there some hidden catch? There are several catches. http://dean.edwards.name/IE7/notes/#PNG -- 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] Convert uppercase file names to lower case
On 20 Jan 2005, at 10:17 AM, [EMAIL PROTECTED] wrote: Question - is there any program or a way of converting all the file names to lower case without doing it manually? BBEdit on Mac has case sensitive, sitewide search replace, and a powerful pattern-matching tool within search using grep. Homesite on Windows *should* have similar capabilities. HTH 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] mysterious little movement
Andreas Boehmer wrote: If you look in IE/PC at http://dev.rmittestlab.com/ you will notice that there is a little blue space under the Services heading. You are experiencing The IE Three Pixel Text-Jog described in http://www.positioniseverything.net/explorer/threepxtest.html I have applied the hack to it as you suggested and it works fine. Thanks again! Now, we are experiencing another IE bug: #leftNav li li a:hover induces a gray box (100% width) near the bottom of #mainContent: 2) Add the Holly Hack to h1. Ahrg, the problem with the grey box you mentioned - I can't seem to get rid of it. I applied the hack to h1 as you suggested, but it won't fix it. On rollover the box still shows up. It sounded like you managed to get rid of it? Was there anything else you did to fix it? Thanks heaps. ** 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] Conditional comments
On 1/19/05 6:42 PM, Kornel Lesinski [EMAIL PROTECTED] wrote: Does this really work on IE? Can I really use transparency in my PNG-24 and have IE display it? Or is there some hidden catch? There are several catches. http://dean.edwards.name/IE7/notes/#PNG Okay, this is a logo with some transparency drop shadows (in black) that sits atop my background header image. The logo is my clickable link back to home and is 325px wide by 90px. It worked decently everywhere except IE/win. I ended up rebuilding the header since I didn't want to mess with hacks, java scripts etc. If this would work, it would make my life a lot easier. w -- Wayne Godfrey President, Creative Director Outgate Media, Inc. [EMAIL PROTECTED] -- ** 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:
Hi, I must be missing something here because I just don't get the concept of using background images as links. Could someone please explain? -- Eunice If you want to know what a man's like, take a good look at how he treats his inferiors, not his equals. - Sirius Black ** 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:
What I was talking about and I think some other were too was being able to have a href link attached to an image that is a background image, particularly for banner images, so that they can link back to the home page for instance. Normally you can put a link right onto an image, but the question was, how do you put it onto a background image. *** Helen Rysavy Web Designer, Teaching Learning Development Charles Darwin University, Northern Territory 0909 Tel: 8946 7779 Mobile: 0403 290 842 mailto:[EMAIL PROTECTED] www.cdu.edu.au CRICOS Provider No: 00300K *** ** 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:
On Wed, 19 Jan 2005 16:25:55 +1000, Andrew Krespanis
[EMAIL PROTECTED] wrote:
I've never gotten that technique to work properly in Opera. It always either
a) makes scrollbars
b) displays some of the text despite insane negative text-indent values...
curious. in Opera 7.54, Firefox 1.0 and IE 5.5 and 6.0 (on Win), this
works for me - the image is shown and linked, with no text visible:
html:
a href=blah.html class=indenttestlink text/a
css:
.indenttest {
display: block;
height: 40px; /* image dimensions */
width: 200px;
text-indent: -px;
background: transparent url(imageurlgoeshere.png);
}
it appears that Opera starts spewing text all over the place if you
specify the text-indent in em.
**
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] Convert uppercase file names to lower case
On Wed, 2005-01-19 at 18:17, [EMAIL PROTECTED] wrote:
Question - is there any program or a way of converting all the file names
to lower case without doing it manually?
I usually use perl to solve such problems. Place the following script in
a directory and run it; all of the filenames in that directory will be
converted to lowercase. You may need to change the path to perl in the
first line, depending on where perl is on your server.
Later,
George
#!/usr/bin/perl
#makelc
#make lowercase all filenames in the current directory
use warnings;
opendir DIR, ./;
while(defined($file=readdir DIR)){
next if $file=~/^\.\.?$/;
$newfile=lc$file;
rename$file,$newfile;
}
exit(0);
**
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:
As far as I understand, a background image means just that, a image in the background. If something needs to be a link, I believe it should be in the foreground. Am I being too strict and literal? Helen wrote: What I was talking about and I think some other were too was being able to have a href link attached to an image that is a background image, particularly for banner images, so that they can link back to the home page for instance. Normally you can put a link right onto an image, but the question was, how do you put it onto a background image. -- Eunice Choi email - [EMAIL PROTECTED] ** 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] Convert uppercase file names to lower case
Lovely, thanks - I will definitely keep this handy.
Now is there any way of making sure all the href urls in the site are in
lower case too? I use DW (please don't cringe) and normally when you make
a change it updates all the links. Some of the links are mixed case that
is why I need to do this as well.
Thanks
Helen
***
Helen Rysavy
Web Designer, Teaching Learning Development
Charles Darwin University, Northern Territory 0909
Tel: 8946 7779 Mobile: 0403 290 842
mailto:[EMAIL PROTECTED]
www.cdu.edu.au
CRICOS Provider No: 00300K
***
George S.
WilliamsTo:
wsg@webstandardsgroup.org
[EMAIL PROTECTED]cc:
t Subject: Re: [WSG] Convert
uppercase file names to lower case
Sent by:
[EMAIL PROTECTED]
group.org
20/01/2005 10:38
AM
Please respond to
wsg
On Wed, 2005-01-19 at 18:17, [EMAIL PROTECTED] wrote:
Question - is there any program or a way of converting all the file names
to lower case without doing it manually?
I usually use perl to solve such problems. Place the following script in
a directory and run it; all of the filenames in that directory will be
converted to lowercase. You may need to change the path to perl in the
first line, depending on where perl is on your server.
Later,
George
#!/usr/bin/perl
#makelc
#make lowercase all filenames in the current directory
use warnings;
opendir DIR, ./;
while(defined($file=readdir DIR)){
next if $file=~/^\.\.?$/;
$newfile=lc$file;
rename$file,$newfile;
}
exit(0);
**
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] background-image:
Helen wrote: What I was talking about and I think some other were too was being able to have a href link attached to an image that is a background image, particularly for banner images, so that they can link back to the home page for instance. Normally you can put a link right onto an image, but the question was, how do you put it onto a background image. Helen, I use a transparent gif image technique. Simply place a solid colour transparent gif the size of the required hotspot of the background image in the link. http://www.seowebsitepromotion.com/enigma_log0403.htm illustrates the principle and thinking behind the initiative. Cheers, Mike Pepper Accessible Web Developer Internet SEO and Marketing Analyst [EMAIL PROTECTED] http://www.visidigm.com (in progress) Administrator Guild of Accessible Web Designers [EMAIL PROTECTED] http://www.gawds.org -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 265.7.0 - Release Date: 17/01/05 ** 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] Help - newbie
On Thu, 20 Jan 2005 00:41:40 +1000, Lea de Groot [EMAIL PROTECTED] wrote: Rather than changing editors, or at least, rather than going to DW! :), I'd suggest you just start validating your pages. Figuring out those fixes will teach you a lot, and from there you can move on to Accessibility with time. You know the URLs to validate, right? http://validator.w3.org/ is one, and there are a couple of others. excellent point, Lea. re editors, personally i use JEdit most of the time: http://jedit.org/ ** 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:
Thanks Mike... that sounds like the best and most accessible solution I have seen so far. *** Helen Rysavy Web Designer, Teaching Learning Development Charles Darwin University, Northern Territory 0909 Tel: 8946 7779 Mobile: 0403 290 842 mailto:[EMAIL PROTECTED] www.cdu.edu.au CRICOS Provider No: 00300K *** Mike Pepper [EMAIL PROTECTED]To: wsg@webstandardsgroup.org motion.com cc: Sent by: Subject: RE: [WSG] background-image: [EMAIL PROTECTED] 20/01/2005 11:04 AM Please respond to wsg Helen wrote: What I was talking about and I think some other were too was being able to have a href link attached to an image that is a background image, particularly for banner images, so that they can link back to the home page for instance. Normally you can put a link right onto an image, but the question was, how do you put it onto a background image. Helen, I use a transparent gif image technique. Simply place a solid colour transparent gif the size of the required hotspot of the background image in the link. http://www.seowebsitepromotion.com/enigma_log0403.htm illustrates the principle and thinking behind the initiative. Cheers, Mike Pepper Accessible Web Developer Internet SEO and Marketing Analyst [EMAIL PROTECTED] http://www.visidigm.com (in progress) Administrator Guild of Accessible Web Designers [EMAIL PROTECTED] http://www.gawds.org -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 265.7.0 - Release Date: 17/01/05 ** 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] H2 Background image in IE Win
Sorry, Tom, you are right, the 4squares isn't visible in IE6. (Was to close to lunch, when I had a look first.) I had a close look at markup and css, but don't have any idea, what is the reason for that bug in IE. All other UA are fine. Lothar -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 265.7.0 - Release Date: 17.01.2005 ** 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] Help - newbie
Chris Stratford wrote: Wow,wow,wow slow down Alan, ... snip I LOVE TSW WebCoder. Built in FTP is Excellent! Built in Project Manager - with Status reports, To Do Lists, Full Project Upload Built in Server Mapping. Preview in IE and Mozilla - only for HTML coding, or if your server mapping... HTML Tidy is built in... Built in HTML/CSS Validator - on the fly validators... Own Scripting Engine, to build your own UI or just functions... Reading the above I decided it wouldn't kill me to try this out. Normally I use an editor just to have clear code highlighted, but this one is terrific. I especially like the download/edit/upload. A great timesaver for sure, and I haven't checked out all of it yet. Thank you Chris, you have made my work easier. That's what the group excels at, helping each other :-) Bruce Prochnau www.bkdesign.ca ** 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] Help - newbie
Paul wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. Paul I use textpad and love it. syntax highlighting, lots of features I have used, more I haven't. http://www.textpad.com/ Free with a startup nag, pay to remove the nag. right click on the file, view in browser (firefox w/developer extentsions) and vailiate it there. -- Ben Hamilton mailto:[EMAIL PROTECTED] http://hamilton.id.au/?:-) emarketing, seo, web development ** 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] Forms using CSS
Hi all, Are there any good guides around to styling form elements using CSS? The issue right now is that I want to know how far I can go with formatting groups of checkboxes without using tables, but I'm sure I'll have more questions soon... thanks, bye! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
