Re: [WSG] help with css round corners.
Hi everyone, I got this cool roundbox code from http://www.redmelon.net/tstme/4corners and am trying to adapt it for use in a more complex wrapper with a masthead, body and footer...But im havin a proble with one of the side drop shadows. check out the page at http://mcmonagle.biz/SHADOW/ Hi Kevin, I found this nifty corners the other day. Never try it though as I am not a Java Script fan. It seems simple though. http://pro.html.it/esempio/nifty/ tee ** 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 with css round corners.
Hi Tee, I saw the imageless example to, but it dosn't work in ie5 mac. Even though some people don't develop for this browser anymore i still use it somethimes. Also the roundbox im working on has a drop shadow on either side. thank you -Kevin Hi Kevin, I found this nifty corners the other day. Never try it though as I am not a Java Script fan. It seems simple though. http://pro.html.it/esempio/nifty/ tee ** 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 with css round corners.
and am trying to adapt it for use in a more complex wrapper with a masthead I know I'm not answering directly to your problem, but take a look at ALA: Mountaintop Corners http://alistapart.com/articles/mountaintop/ ALA: CSS Design: Creating Custom Corners Borders http://alistapart.com/articles/customcorners/ ALA: CSS Design: Creating Custom Corners Borders Part II http://alistapart.com/articles/customcorners2/ -- 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] help with IE 3-pixel bug
I can't see what you mean.
But what I do is, give the container a height of 1%.
eg:
div { height: 1% }
and that DIV will no longer be effected.
I cant tell if thats the problem though.
Gallagher, Robin wrote:
Hi
As you can see on the test page I've put up here:
http://home.vicnet.net.au/~persia/final/test.html
The background image in the floated right column is being affected by the IE 3-pixel bug.
I've found an explanation and solution for this at:
http://www.onestab.net/a/pie/explorer/threepxtest.html
but can't get it to work so far. I'd appreciate any alternative solutions,
advice, etc.
Ta
Robin Gallagher
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
--
Chris Stratford
[EMAIL PROTECTED]
http://www.neester.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 with IE 3-pixel bug
Gallagher, Robin wrote:
http://home.vicnet.net.au/~persia/final/test.html
The background image in the floated right column is being affected by the IE 3-pixel bug.
I would go for the simplest solution:
#rightColumn {_width:202px;_margin-left: -2px;}
...that'll fix IE6.
Then I would try a proper doctype on that page, and fix it a bit for
Firefox. Only Opera and IE/win are able to render that page at the moment.
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] Help centering footer IE6
Ah, OK, it's not perfectly centered. I didn't notice at first.
You have put MSIE into quirks mode by adding the xml prolog at
the top of the source. ?xml version=1.0 encoding=utf-8?
MSIE thus uses the old box model, making the paragraphs narrower.
Since you're floating them to the left, there's extra space on
the right.
#footer {
float: left;
display: inline;
position: relative;
width: 698px;
padding: 0 15px 5px 15px;
}
In quirks mode, that means the footer is only a total of 698px
wide (with the padding subtracted to get inside width).
In standards mode (as with Firefox and Opera), left and right
padding is added to that figure, for a total width of 728px.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
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 centering footer IE6
Hi Bert Thanks for your suggestion. I tested that by removing all the floats, positioning and display:inline (with the web developer toolbar in Firefox) and it made no visible difference to the layout. I have included these elements for a couple of other pages, namely: http://www.xert.com.au/workshop/pbyron628/property/index.html http://www.xert.com.au/workshop/pbyron628/index.html Without them, these pages fall apart. The image in the footer is aligned to the left on my windows machine (XP_SP2 IE6.0) - when it should be centered. Any other ideas very much appreciated. Sarah -- XERT Communications email: [EMAIL PROTECTED] office: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production ** 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 centering footer IE6
Thanks Bert In quirks mode, that means the footer is only a total of 698px wide (with the padding subtracted to get inside width). In standards mode (as with Firefox and Opera), left and right padding is added to that figure, for a total width of 728px. I have removed the left and right padding (must have been left over from previous coding - totally unnecessary), and changed width to 728px - and all is now OK. Brilliant! Thanks again Sarah -- XERT Communications email: [EMAIL PROTECTED] office: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production ** 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 on bug
On Sat February 12 2005 12:53, ::dotcompals:: wrote: img src='http://127.0.0.1:1030/bug.cgi' Well my dear boy. In order to fix this bug you will need to upload the image to the Geocities server. In your account directory and change the src part of the image so that it points to the uploaded file. http://127.0.0.1 means that the image is on your computer and that it is served by an application that listens on port 1030 If you really have a public server running then in order to fix your bug you should change the 127.0.0.1 to the ip addres (or domainname) of the pc that is running the server With kind regards Andy --- Feel free to check out these few php utilities that I released under the GPL2 and that are meant for use with a php cli binary: http://www.vlaamse-kern.com/sas/ Registered Linux user number 379093 --- ** 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 on file extensions used
dotcompals wrote: Dear friends, Can any one help me with the extension used these days in some we pages. For example .gne (flickr.com) .pyra .do (blogger.com). How can these extensions be created what are its advantages? regards Its a server side thing. There are no advantages for the client or browser, all that matters is that the appropriate MIME/ContentType is sent. Of course, if you want custom extensions, just use Apache's mod_rewrite or IIS' ISAPI_Rewrite(). -- -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 on file extensions used
Hi, I think the only advantages of these extensions are dis-advantages. The must-read on this topic is from Tim Berners-Lee Cool URIs don't change: http://www.w3.org/Provider/Style/URI.html If you must use any extension at all - please consider something that anyone finds meaningful. The strange extensions may give maybe some security through obscurity, but in longer term you will curse them. Rene Saarsoo ** 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 text editors
BB does XHTML, PHP, CSS etc.. built in FTP, HTML Tidy, FTP etc... You name it, it's got it. I use one called Editpad Pro. It has downloadable syntax for a number of different languages, a dictionary, tabs which allow you to work on multiple items at once, a project feature that allows to save all of your files for easier retrieval later, the ability to connect to a mail server and send mail, and a host of other things. There is a free version, and a pay version. It doesn't have the ability to FTP, but since I shy away from FTP as much as possible, this software works great for me. www.editpadpro.com Bryan On Fri, 21 Jan 2005 01:18:19 +0100, Erwin Heiser [EMAIL PROTECTED] wrote: Hi all, First of all, It¹s always you writing the code, not the program ;-) Anyway on the Macintosh these editors rock: BBEdit: see http://www.barebones.com/index.shtml Not cheap, but worth every penny IMHO, Textwrangler is now a free download as an alternative. BB does XHTML, PHP, CSS etc.. built in FTP, HTML Tidy, FTP etc... You name it, it's got it. ... ** 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 text editors
Might as well chuck my recommendation in, for windows ultraedit @ http://www.ultraedit.com/ I normally stick to dreamweaver and notepad on my windows machine and skedit,stylemaster and terminal on my mac but played around a little bit with ultra edit and worth a look. :) It got PC Magazine Editors' Choice Award 2004! - Karl Brightman Freelance web developer email [EMAIL PROTECTED] website under development -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bryan Sent: Saturday, January 22, 2005 12:02 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Help - newbie text editors BB does XHTML, PHP, CSS etc.. built in FTP, HTML Tidy, FTP etc... You name it, it's got it. I use one called Editpad Pro. It has downloadable syntax for a number of different languages, a dictionary, tabs which allow you to work on multiple items at once, a project feature that allows to save all of your files for easier retrieval later, the ability to connect to a mail server and send mail, and a host of other things. There is a free version, and a pay version. It doesn't have the ability to FTP, but since I shy away from FTP as much as possible, this software works great for me. www.editpadpro.com Bryan On Fri, 21 Jan 2005 01:18:19 +0100, Erwin Heiser [EMAIL PROTECTED] wrote: Hi all, First of all, Its always you writing the code, not the program ;-) Anyway on the Macintosh these editors rock: BBEdit: see http://www.barebones.com/index.shtml Not cheap, but worth every penny IMHO, Textwrangler is now a free download as an alternative. BB does XHTML, PHP, CSS etc.. built in FTP, HTML Tidy, FTP etc... You name it, it's got it. ... ** 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
Glad to help! It honestly is the best ever coder I have used. It is true that for Server Side Scripting - it isn't as helpful as it is for HTML. But is is really advanced in that, when you have a document - for example a PHP document, like below: ? php php php php php php php php php php php php ? html head style css css css css css css css css css css css css /style script lang=text/javascript script script script script script script script script /script html html html html html html html html html html html html The program will use PHP Syntax Highligting for the PHP side of the page... HTML for the HTML. CSS for the Styles... and Javascript for the Javascript :) Its really good!!! Love it! Bruce wrote: 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 ** -- 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.1 - Release Date: 19/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
I haven't even heard of TSW coder before - but it looks pretty good. The built-in code validators look really handy - especially for bug-hunting. Thanks for the link! On Thu, 20 Jan 2005 20:35:31 +1100, Chris Stratford [EMAIL PROTECTED] wrote: Glad to help! It honestly is the best ever coder I have used. It is true that for Server Side Scripting - it isn't as helpful as it is for HTML. But is is really advanced in that, when you have a document - for example a PHP document, like below: ? php php php php php php php php php php php php ? html head style css css css css css css css css css css css css /style script lang=text/javascript script script script script script script script script /script html html html html html html html html html html html html The program will use PHP Syntax Highligting for the PHP side of the page... HTML for the HTML. CSS for the Styles... and Javascript for the Javascript :) Its really good!!! Love it! Bruce wrote: 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 ** -- 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.1 - Release Date: 19/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 ** -- Jason Foss http://www.almost-anything.com.au Windows Messenger: [EMAIL PROTECTED] North Rockhampton, Queensland, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Help - newbie
No Problemo Jason! The code validator is odd, when you click on a HTML element in the source, it will show up in the status bar if its valid etc as well. I havn't really used the validators much, but i know they are there because before I wrote up teh little snippet, i was looking through the settings. Version 6 is nearly out as well!! I cant wait. Remember to support the guy who makes it :) It must sound like he is a friend, but i dont know him at all :) So yeah. Glad I helpd some people! Cheers! Jason Foss wrote: I haven't even heard of TSW coder before - but it looks pretty good. The built-in code validators look really handy - especially for bug-hunting. Thanks for the link! On Thu, 20 Jan 2005 20:35:31 +1100, Chris Stratford [EMAIL PROTECTED] wrote: Glad to help! It honestly is the best ever coder I have used. It is true that for Server Side Scripting - it isn't as helpful as it is for HTML. But is is really advanced in that, when you have a document - for example a PHP document, like below: ? php php php php php php php php php php php php ? html head style css css css css css css css css css css css css /style script lang=text/javascript script script script script script script script script /script html html html html html html html html html html html html The program will use PHP Syntax Highligting for the PHP side of the page... HTML for the HTML. CSS for the Styles... and Javascript for the Javascript :) Its really good!!! Love it! Bruce wrote: 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 ** -- 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.1 - Release Date: 19/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 ** -- 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.1 - Release Date: 19/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
Actually that's nothing new. Many of the better editors will do that. The reasons I switched were 1) I was using PHP and so many of the nice things like the built in HTML/CSS Validator. 2) Besides syntax highlighting, it doesn't really support PHP (as in being able to parse it on the fly) 3) Doesn't work in linux 4) Eclipse can do everything TSW Webcoder can do, everything I just mentioned (besides 1, but if I was smart enough I could just right and extention for that), and a whole lot more. Alan Trick Chris Stratford wrote: Glad to help! It honestly is the best ever coder I have used. It is true that for Server Side Scripting - it isn't as helpful as it is for HTML. But is is really advanced in that, when you have a document - for example a PHP document, like below: ? php php php php php php php php php php php php ? html head style css css css css css css css css css css css css /style script lang=text/javascript script script script script script script script script /script html html html html html html html html html html html html The program will use PHP Syntax Highligting for the PHP side of the page... HTML for the HTML. CSS for the Styles... and Javascript for the Javascript :) Its really good!!! Love it! Bruce wrote: 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
Sorry going to have to stop you there again... Alan Trick wrote: 1) I was using PHP and so many of the nice things like the built in HTML/CSS Validator. I dont get what that means...??? Maybe you mean its redundant? Maybe so, but its a feature never the less... 2) Besides syntax highlighting, it doesn't really support PHP (as in being able to parse it on the fly) Maybe you have the wrong application, because TSW Webcoder does... It has SERVER MAPPING. Which will basically use APACHE and whatever you have installed for apache will be excuted... PHP, PERL, ASP etc... Whatever your APACHE is configured for. 3) Doesn't work in linux Nore does it work on Mac I believe :) thats a good reason to switch, if you use Linux... 4) Eclipse can do everything TSW Webcoder can do, everything I just mentioned (besides 1, but if I was smart enough I could just right and extention for that), and a whole lot more. This has become battle of the editors... :) I love the Project Reports it generates (from the to do list). They look great :) In TSW Webcoder you can write up your own functions, buttons, UI's, completly reskin it all... You can do pretty much anything you like with it... Its beautiful :) Alan Trick -- 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.1 - Release Date: 19/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
Even Dreamweaver's code editing mode does this (context-sensitive syntax highlighting). There's been a good deal of derogatory commentary about Dreamweaver recently, but as a web IDE I think it's fantastic. Where people get into trouble is by relying solely on WYSIWYG mode. I rarely use WYSIWYG mode, but if you know what you're doing and stick to code editing mode it's relatively easy to churn out standards-compliant code in DW. On 21/1/05 1:32 AM, Alan Trick [EMAIL PROTECTED] wrote: Actually that's nothing new. Many of the better editors will do that. The reasons I switched were 1) I was using PHP and so many of the nice things like the built in HTML/CSS Validator. 2) Besides syntax highlighting, it doesn't really support PHP (as in being able to parse it on the fly) 3) Doesn't work in linux 4) Eclipse can do everything TSW Webcoder can do, everything I just mentioned (besides 1, but if I was smart enough I could just right and extention for that), and a whole lot more. Alan Trick -- Kevin Futter Webmaster, St. Bernard's College http://www.sbc.melb.catholic.edu.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 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] 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 **
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] 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] 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 **
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 **
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] 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 **
Re: [WSG] Help with border
Regnard Kreisler C. Raquedan wrote: Hello, I have a little problem with a border with a site I'm doing. The prototype's URL is http://www.raquedan.com/quickinfo. My 3-column lay-out has a bit of a snag. The left-most sub-column has a border that doesn't stretch all the way down to the length of the longest column (the center column). You can view the CSS at http://www.raquedan.com/quickinfo/styles.css Thanks for the help! :) Give both the left a right border and the center a left border, when put a left margin -1 on the center so they overlap. ** 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 with border
Jixor - Stephen I wrote: Regnard Kreisler C. Raquedan wrote: Hello, I have a little problem with a border with a site I'm doing. The prototype's URL is http://www.raquedan.com/quickinfo. My 3-column lay-out has a bit of a snag. The left-most sub-column has a border that doesn't stretch all the way down to the length of the longest column (the center column). You can view the CSS at http://www.raquedan.com/quickinfo/styles.css Thanks for the help! :) Give both the left a right border and the center a left border, when put a left margin -1 on the center so they overlap. Sorry, you must think I am drunk or something. If the center is always going to be longer than the left put the border on the center. Otherwise, if the left may be longer than the center, put a border on both and make them overlap by positioning one over the other by 1px, either by position or margin -1px. ** 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 with border
Thanks for the suggestion! :) On Fri, 14 Jan 2005 18:29:35 +1100, Jixor - Stephen I [EMAIL PROTECTED] wrote: Jixor - Stephen I wrote: Regnard Kreisler C. Raquedan wrote: Hello, I have a little problem with a border with a site I'm doing. The prototype's URL is http://www.raquedan.com/quickinfo. My 3-column lay-out has a bit of a snag. The left-most sub-column has a border that doesn't stretch all the way down to the length of the longest column (the center column). You can view the CSS at http://www.raquedan.com/quickinfo/styles.css Thanks for the help! :) Give both the left a right border and the center a left border, when put a left margin -1 on the center so they overlap. Sorry, you must think I am drunk or something. If the center is always going to be longer than the left put the border on the center. Otherwise, if the left may be longer than the center, put a border on both and make them overlap by positioning one over the other by 1px, either by position or margin -1px. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Regnard Kreisler C. Raquedan Macromedia Certified Professional mobile: +63.919.2907711 email: [EMAIL PROTECTED] web: http://regnard.raquedan.com -- Nobody knows everything. But, everyone knows something. You don't have to know, you just have to know who knows. ** 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 with centering - jumps horizontally depending on presence of vertical scrollbar
I use this code:
html
{
min-height: 100%;
margin-bottom: 1px;
}
It forces the vertical scrollbar on all pages.
/Anders
Mani Sheriar skrev:
Hi All,
Im working on a project which can be seen here:
http://www.manisheriar.com/qualitymine
The page is centered using a div align=center wrapping around a
wrapper div that holds all the content divs (header, content, sidebar,
and footer).
The problem I'm having is in non IE browsers (I've tested FireFox,
Mozilla, Netscape) the content will jump left a little bit when the
presence of a vertical scroll bar is necessary, and then jump back right
when you return to a short page.
I would love some advice on how to center a page and keep it in the same
spot, regardless of page length.
THANKS!!!
Mani Sheriar
Sheriar Designs | www.ManiSheriar.com
925|914.0741
**
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 with centering - jumps horizontally depending on presence of vertical scrollbar
Hi Mani,
Try using mozscroll in your CSS:
#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility:
hidden }
then, in your code:
div id=mozscrollnbsp;/div
(I usually put mine at the bottom of the page).
HTH
Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk
- Original Message -
From: Mani Sheriar [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Sunday, January 02, 2005 2:48 PM
Subject: [WSG] Help with centering - jumps horizontally depending on
presence of vertical scrollbar
Hi All,
I'm working on a project which can be seen here:
http://www.manisheriar.com/qualitymine
The page is centered using a div align=center wrapping around a
wrapper div that holds all the content divs (header, content, sidebar,
and footer).
The problem I'm having is in non IE browsers (I've tested FireFox,
Mozilla, Netscape) the content will jump left a little bit when the
presence of a vertical scroll bar is necessary, and then jump back right
when you return to a short page.
I would love some advice on how to center a page and keep it in the same
spot, regardless of page length.
THANKS!!!
Mani Sheriar
Sheriar Designs | www.ManiSheriar.com
925|914.0741
**
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, why doesn't it work...
Because they are floated objects - their heights are not being recognised by their parent container, so it does not extend below them. You need to clear after them so that their container will wrap around them. More here: http://www.maxdesign.com.au/presentation/floatsample.htm Russ Please help me with this site, I can't for the life of me work out why my background doesn't tile down in FF. Seems ok in IE. ** 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 with CSS
Sounds like double margin bug: http://www.positioniseverything.net/explorer/doubled-margin.html In Firefox, the left nav displays correctly, but in IE, the nav is moved further to the right than it is supposed to be, so I've had to make the image narrower than it should be to fit into the right column. This means that in Firefox, the image doesn't quite reach all the way to the right edge. ** 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 with CSS
Kym One thing I always do is use a Strict Doctype. I find then that the rendering between browsers is much more consistent that a Transistional Doctype. I also try not to use CSS which will invoke the IE Box Model problem. This involves using 'margin' a lot more than 'padding' where applicable. Hope this helps. Original Message From: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Subject: RE: [WSG] help with CSS Date: Wed, 1 Dec 2004 11:09:46 +1030 Hi, I am a new member to WSG and am hoping someone can help me with a problem I'm having. I'm only new to web design and CSS, and am learning as I go along. I'm trying to create a site but it is displaying differently in Firefox and IE and I'm not sure why. It is a two column template, with the navigation in the left column. There is an image which is supposed to span the entire width of the right column. In Firefox, the left nav displays correctly, but in IE, the nav is moved further to the right than it is supposed to be, so I've had to make the image narrower than it should be to fit into the right column. This means that in Firefox, the image doesn't quite reach all the way to the right edge. The URL is http://learnline.cdu.edu.au/pathways if you need to have a look. I've gone through everything I can think of and still can't fix it. Any suggestions (in layman's terms) would be appreciated. Thank you, Kym Parry Regards, David McDonald Web Designer http://www.davidmcdonald.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 with CSS
On 1 Dec 2004, at 11:39 AM, Kym Parry wrote: Hi, I am a new member to WSG and am hoping someone can help me with a problem I'm having. I'm only new to web design and CSS, and am learning as I go along. I'm trying to create a site but it is displaying differently in Firefox and IE and I'm not sure why. It is a two column template, with the navigation in the left column. There is an image which is supposed to span the entire width of the right column. In Firefox, the left nav displays correctly, but in IE, the nav is moved further to the right than it is supposed to be, so I've had to make the image narrower than it should be to fit into the right column. This means that in Firefox, the image doesn't quite reach all the way to the right edge. The URL is http://learnline.cdu.edu.au/pathways if you need to have a look. I've gone through everything I can think of and still can't fix it. Any suggestions (in layman's terms) would be appreciated. Thank you, Kym Parry Welcome, Kym. You're almost certainly falling foul of IE's incorrect interpretation of the CSS Box Model. Have a look at Big John's site [1] for a rundown on this and other teeth-gnashing inconsistencies you're likely to encounter trying to get your site(s) to render properly in IE. [1] http://www.positioniseverything.net/ie-primer.html HTH, and have fun... Nick ___ 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 with a layout
Matt wrote: 1. If I add content to the left or right columns, the footer doesn't push down, and the content overlaps - the layout breaks. I would like for all 3 columns to be the same height, no matter which one has more or less content. All you need is to add clear: both; to #Footer. That is needed when we deal with floats, as in your page. It won't make your columns stay the same height, but the footer will stay under the tallest of them, no matter what. To make it look like all columns are going all the way down-- independently, we usually put a background-image on one or more wrapper-divs. #ColumnContainer is a wrapper-div in your page. Maybe you need more than that one. 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] Help with a layout
Sorry, Here is the screen shot of IE Mac: http://220.233.11.63/Misc/dev/Mac-IE-screenshot.gif You can view all of the files here: http://220.233.11.63/Misc/dev/ Cheers, Matt On Tue, 30 Nov 2004 16:05:49 +1100, Matt [EMAIL PROTECTED] wrote: Hi everyone, I am new to XHTML/CSS, and I am just working on my first layout, I need some advice regarding a couple of things, I wondered if anyone can help. I am sure that these are very simple things that have been covered before, but I just need pointing in the right direction. The layout that I am working on is 3 column with a header and footer, liquid (the centre column can change size, the total width of the page is 83%). The whole layout has a drop shadow (visible on the right and bottom). I got snippets of code from various different places and pieced them all together, and I fell like I am getting there (slowly!). I may have been excessive (too many divs and containers), so don't be too alarmed!... Here is the layout: http://220.233.11.63/Misc/dev/Template-Long-Centre.html I am using 3 images: http://220.233.11.63/Misc/dev/Permanant-Images/Drop-Shadows/HeaderDropShadow.jpg Top right edge of the drop shadow. http://220.233.11.63/Misc/dev/Permanant-Images/Drop-Shadows/RightDropShadow.jpg Right edge of the drop shadow, as well as the shading and line which defines the columns (the background of the main content area). http://220.233.11.63/Misc/dev/Permanant-Images/Drop-Shadows/FooterDropShadow.jpg Footer drop shadow, providing the right bottom corner and bottom edge of the drop shadow. My problems are: 1. If I add content to the left or right columns, the footer doesn't push down, and the content overlaps - the layout breaks. I would like for all 3 columns to be the same height, no matter which one has more or less content. e.g.: http://220.233.11.63/Misc/dev/Template-Long-Left.html http://220.233.11.63/Misc/dev/Template-Long-Right.html 2. In IE5.2 for Mac OS X, the div for the navigation bar does not sit properly against the header and main content divs - this only seems to be an issue on this platform. I have tested in Win: Opera, IE, and FF, and Mac OS X Safari and IE - the only real issue out of all of these browsers appears to be IE for Mac, mentioned above. Please note, I am aware that the drop shadow images are jpegs, I may use PNGs for alpha transparency later on, though I don't have the need to at the moment as I am not using a background image as such (just a solid colour). Kind regards, Matt ** 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 with suggestions
I visited your site. I understand it is a work in progress. There are too many comments I could make. I limited myself to those that need most attention first: 1. Why is there a doorway or front page? Such pages make me want to leave - not enter. It is downright unfriendly to expect me to waste my time reading your terms of use before I even see what the site is about. In marketing you have less than 1 minute - and typically, only one chance - to get the customer interested enough to enter your site - don't put up an unwelcome sign at the gate! Remove your front door and let them in right away. 2. What is the purpose of your site? It is not clear. I tried some of the links and still am confused. I gathered at one point that it is about a city/region in southern India. But, some of the links make me wonder what the real purpose is. 3. I did a screen shot of its appearance in Safari - sent directly to you separately. I send only one photo but the result of rendering the page is the same in Opera and Firefox. The top table is left bound and the main content sections are centered. This might be OK for small screens, but not for large screens like mine (23). 4. The site Map Quick Links menu is a nice start, but the actual links in there are NOT related to your real site map. Misnamed?! 5. Your HTML coding needs some order imposed. It works generally, but needs a lot of cleaning up. For starters there is no DOCTYPE declared - so it could not be validated in HTML 4.01 or XHTML 1.0 or 1.1. 6. Your CSS.. - well, it needs much more help. 7. Go to http://www.westciv.com/index.html and order their courses on HTML/XHTML and then get the CSS courses. I used them; and, in a short period of time I was easily coding XHTML and CSS. It isn't rocket science; and, the Westciv courses are among the best I've seen in terms of clarity of explanation of the steps to take in programming. 8. You can also go to http://www.internet.com and http://www.webreference.com for additional tutorials in XHTML, CSS and other tutorials on web design. 9. Finally - LOVED the elephant photos! Will Jensen Moscow, Russia [EMAIL PROTECTED] On Nov 21, 2004, at 2:52 PM, dotcompals wrote: Dear all, I am a beginner. Please help me on www.TattaMangalam.com with its looks navigation. I'd prefer pure CSS HTML. regards Prashanth 7.gif>Prashanth Nair dotcompals Tattamangalam.P.O Palakkad Dt. Kerala (State) India-678102 http://www.TattaMangalam.Com Call: +91 94474 22736 ; +91 4923 227395 Useful Links www.KeralaClick.com for Stunning Images of Kerala Get Firefox!Safer/Faster/Better::: the Browser You can Trust Do you Yahoo!? The all-new My Yahoo! Get yours free!
Re: [WSG] Help With a weird link style
First of all... you have I don't know how many instances of the same javascripts all over the place. You don't have a doctype. You have 2 start tags for style. You have your bodytag before the closing headtag. I suggest you fix that first. Kim Genau Junior wrote: Hello All, Im finishing a website at http://www.novo.meucarronovo.com.br/compara.php Inside a tag: ul li|a href=?=$url?Imprimir Lista /a|/li li|a href=buscaavancada.phpNova busca/a|/li /ul The rigth class and style inside a tag a/a can be viewed at: http://www.novo.meucarronovo.com.br/listabusca.php Inside tag: ul lia href=amigocarro.php?id=?=$veicu_id? onclick=window.open(this.href, 'exemple', 'height=200, width=400, top=0, left=0, toolbar=no, menubar=yes, location=no, resizable=no, scrollbars=no, status=no'); return false;Enviar para um amigo/a|/li li|a target=_blank href=?=$url?Imprimir veiacute;culo/a|/li li|a href=compara.phpVeiacute;culos salvos/a|/li li|a href=buscaavancada.phpNova busca/a|/li /ul The problem is that the style links are being showed in different styles without reason. Can anyone helpme? And i appreciate advices about layout and design Thanks, Genau 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 ** ** 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 With a weird link style
Hi Genau Jr, The first step when asking for help is always to get the page code valid first. See http://validator.w3.org/check?uri=http://novo.meucarronovo.com.br/ Most of your problems seem to stem from unescaped ampersands () in links (I haven't looked too far down as there are 153 errors). So, your link to: http://www.meucarronovo.com.br/cgi-bin/advertpro/banners.pl?region=0campaig n=74banner=52publisher=0mode=CLICKbust=203939timestamp=20041122044306 Must be converted to: http://www.meucarronovo.com.br/cgi-bin/advertpro/banners.pl?region=0amp;cam paign=74amp;banner=52amp;publisher=0amp;mode=CLICKamp;bust=203939amp;ti mestamp=20041122044306 Etc. all the way through your page. If the links come out of a dynamic system or CMS then you need to have that system escape the ampersands or give up on XHTML altogether. Once all the links are finished you'll probably have some other errors to fix. If you need help fixing those, please ask for help. When you get a This Page Is Valid XHTML 1.0 Transitional! message on the validator, let us know if you still have problems with your initial enquiry. Regards, Peter - sorry. The correct link is http://novo.meucarronovo.com.br without www ** 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 With IE Jog Bug...
Chris
Now for plan B
I had a play around with the page and this is the most concise solution so
far:
#nav {
position: absolute;
left: 15px; top: 95px;
width: 120px;
margin: 15px 0;
}
That works in IE6, Firefox 1.0 and Opera 7.54 on PC. The original and new
versions both break in IE5 and IE5.5 PC due to the width:100%; - answer to
that one coming next.
Also, instead of the extraneous br / tags in the page can I recommend:
p.show_time
{
text-align: right;
margin: 0 0 1em;
padding: 0;
}
and wrapping the number of days at the bottom in a p.
Hope that helps,
Bryan
- Original Message -
From: Chris Stratford [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Friday, November 19, 2004 12:00 AM
Subject: Re: [WSG] Help With IE Jog Bug...
Hey Bryan,
Sorry but that didn't help??
I added position: relavite; and line-height: 100% to both the #content,
and to the table...
Neither worked on its own, or both together...
:(
Any other advice??
Bryan Davis wrote:
Chris
The usual way to bypass these kind of bugs is either declare
position:relative; or a line-height for the containing div. That
tends to kick IE into line.
Hope that helps,
Bryan
- Original Message - From: Chris Stratford
[EMAIL PROTECTED]
To: WSG [EMAIL PROTECTED]
Sent: Thursday, November 18, 2004 2:35 PM
Subject: [WSG] Help With IE Jog Bug...
Hey List.
I have whipped up this calendar today.
http://www.neester.com/beta/calendar.html
Took me a while to get the PHP right, but yeah, an hour or two of code
crunching and I got it right!
Just perfect!
Then I skinned it with CSS...
All PERFECT again!
Then... I took a look with IE...
Checked validation...
All good... IE didnt like it.
realised i was the jog bug - any help?
The table automatically sits below my navigtaion bar!!!
What the hay!!
How can this be fixed?
Thanks in advance to you all!
--
Chris Stratford
[EMAIL PROTECTED]
http://www.neester.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
**
--
Chris Stratford
[EMAIL PROTECTED]
http://www.neester.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] help with z-index?
You also need to make sure you apply a postion: to the parent. eg: position:relative; z-index:0; On Thu, 18 Nov 2004 10:25:17 +, john [EMAIL PROTECTED] wrote: Hello! Firstly, I want to thank everybody who has helped me so far, including all the wonderful feedback I had once I asked for a site review. Now, I'm having a bit of a brain fizzle and I can't figure out how to prevent the text from being seen inbetween the buttons when I scroll. Once the text reaches the bottom of the buttons, I want it to disappear...but for the life of me, I can't figure out. Perhaps I've been working too hard. *sigh* Can somebody point the way, please? Thanks. http://www.drzeus.net/redesign/cslewis/ -- ~john _ Dr. Zeus Web Development 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 ** -- Website Designer/Developer www.nataliebuxton.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 with z-index?
john wrote: Now, I'm having a bit of a brain fizzle and I can't figure out how to prevent the text from being seen inbetween the buttons when I scroll. Once the text reaches the bottom of the buttons, I want it to disappear...but for the life of me, I can't figure out. Perhaps I've been working too hard. *sigh* Can somebody point the way, please? Thanks. http://www.drzeus.net/redesign/cslewis/ I think you'll have to fake it with an empty div positioned (and layered) behind the fixed top. Proper dimensions, color and layer (z-index or source-order) should make it look just fine. 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] help with z-index?
sorry, I didnt visit your page before writing. To hide the text, you will need to give the container that holds your tabs a background colour - right now if is transparent. On Thu, 18 Nov 2004 22:04:14 +1100, Natalie Buxton [EMAIL PROTECTED] wrote: You also need to make sure you apply a postion: to the parent. eg: position:relative; z-index:0; On Thu, 18 Nov 2004 10:25:17 +, john [EMAIL PROTECTED] wrote: Hello! Firstly, I want to thank everybody who has helped me so far, including all the wonderful feedback I had once I asked for a site review. Now, I'm having a bit of a brain fizzle and I can't figure out how to prevent the text from being seen inbetween the buttons when I scroll. Once the text reaches the bottom of the buttons, I want it to disappear...but for the life of me, I can't figure out. Perhaps I've been working too hard. *sigh* Can somebody point the way, please? Thanks. http://www.drzeus.net/redesign/cslewis/ -- ~john _ Dr. Zeus Web Development 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 ** -- Website Designer/Developer www.nataliebuxton.com -- Website Designer/Developer www.nataliebuxton.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 with z-index?
ul#tabmenu { background: #E6; } should fix things up for you. Or
you can add that background declaration to your current #tabmenu
specs.
-Bryan
**
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 with z-index?
Thanks for the help, folks. I noticed, however, that when I do that, I
lose the line on top of the buttons, and I can't figure out how to keep
that *and* but a background in.
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
content without clutter
on 11/18/2004 3:11 PM Bryan Loeper said the following:
ul#tabmenu { background: #E6; } should fix things up for you. Or
you can add that background declaration to your current #tabmenu
specs.
-Bryan
**
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 With IE Jog Bug...
Chris The usual way to bypass these kind of bugs is either declare position:relative; or a line-height for the containing div. That tends to kick IE into line. Hope that helps, Bryan - Original Message - From: Chris Stratford [EMAIL PROTECTED] To: WSG [EMAIL PROTECTED] Sent: Thursday, November 18, 2004 2:35 PM Subject: [WSG] Help With IE Jog Bug... Hey List. I have whipped up this calendar today. http://www.neester.com/beta/calendar.html Took me a while to get the PHP right, but yeah, an hour or two of code crunching and I got it right! Just perfect! Then I skinned it with CSS... All PERFECT again! Then... I took a look with IE... Checked validation... All good... IE didnt like it. realised i was the jog bug - any help? The table automatically sits below my navigtaion bar!!! What the hay!! How can this be fixed? Thanks in advance to you all! -- Chris Stratford [EMAIL PROTECTED] http://www.neester.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] Help With IE Jog Bug...
Hey Bryan, Sorry but that didn't help?? I added position: relavite; and line-height: 100% to both the #content, and to the table... Neither worked on its own, or both together... :( Any other advice?? Bryan Davis wrote: Chris The usual way to bypass these kind of bugs is either declare position:relative; or a line-height for the containing div. That tends to kick IE into line. Hope that helps, Bryan - Original Message - From: Chris Stratford [EMAIL PROTECTED] To: WSG [EMAIL PROTECTED] Sent: Thursday, November 18, 2004 2:35 PM Subject: [WSG] Help With IE Jog Bug... Hey List. I have whipped up this calendar today. http://www.neester.com/beta/calendar.html Took me a while to get the PHP right, but yeah, an hour or two of code crunching and I got it right! Just perfect! Then I skinned it with CSS... All PERFECT again! Then... I took a look with IE... Checked validation... All good... IE didnt like it. realised i was the jog bug - any help? The table automatically sits below my navigtaion bar!!! What the hay!! How can this be fixed? Thanks in advance to you all! -- Chris Stratford [EMAIL PROTECTED] http://www.neester.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 ** -- Chris Stratford [EMAIL PROTECTED] http://www.neester.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 with position: fixed;
That's what should be happening.
The browser is putting the section at the top of the page as the fixed header and
table of content aren't influencing the positioning of #main.
A quick and dirty solution is to have this
#one, #two, #three {padding-top:100px;}
instead of padding the top of #main
Emphasis on the quick and dirty there - I'm sure there's a much better solution.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Peter A. Shevtsov
Sent: Tuesday, 2 November 2004 7:44 PM
To: [EMAIL PROTECTED]
Subject: [WSG] Help with position: fixed;
Hello to everyone!
I have the following issue
I have a page with fixed header and a set of internal links (anchor
identifiers). The problem is in that when I follow the link the heading
hides under the fixed header.
Link to page: http://shevtsov.fanstvo.com/tests/fixed-header.html (CSS
is embeded into the page)
Thanks in advance.
Peter A. Shevtsov
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
---
Incoming mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.786 / Virus Database: 532 - Release Date: 29/10/2004
**
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 with position: fixed;
hi Peter, I have a page with fixed header and a set of internal links (anchor identifiers). The problem is in that when I follow the link the heading hides under the fixed header. my idea would be to put the #main div right below the fixed header (using margin-top instead of padding-top) and give it a fixed height and width, then set overflow:auto;. that solves the problem with the hiding content, but i don't know how desirable this solution is in regards to your layout ideas. maybe this helps you find a solution eventually. -- Thorsten ** 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 with position: fixed;
hi again Peter, I made it that way http://shevtsov.fanstvo.com/tests/fixed-header2.html looks cool, glad it helped! BTW, how does it look in MSIE? umm, it technically works, but the scrollbar covers the whole side of the page instead of only the #main div. the fusion of the #toc div and the header does not work fully: the horizontal bottom border of the header is not hidden, but i'm sure that could be rectified with a bit of fiddling around. here's a screenshot: http://www.thorstenpeh.de/fixedheader2_ie6.png -- Thorsten ** 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 with fieldset in a li
Firstly, am I using fieldset and legend in the correct semantic manner? My understanding is that fieldset is meant to group all the similar form elements together, not to diferentiate each input.A group of numbered questions are all related to each other, and the entire thing should be in one fieldset with one legend. If you were to add a second group of numbered questions starting the numbers over again because they are related to each other, but not to the first group of numbered questions, then you would use a second fieldset and legend. (a new one, not nested) At least this is how I've interepreted and used the fieldset. An everyday example is a login form. The fieldset goes around the username and password text boxes as well as the radio button for remembering your password, with the legend on the login text. Any other fields like submitting for a lost password would be in a separate fieldset with new legend of forgotten password. -- Susan R. Grossman [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] Help with fieldset in a li
Firstly, am I using fieldset and legend in the correct semantic manner? Fieldset and legend elements are useful for explicitly identifying groups of form controls and assigning a label [legend] that relates to a group of controls. The example of their use you provided looks fine. Fieldsets can also be nested to identify sub-groups there are a few examples (with code) of their use here: http://www.nils.org.au/ais/web/resources/WSG_Oct_04/slide16.html with regards Steven Faulkner Web Accessibility Consultant National Information Library Service (NILS) 454 Glenferrie Road Kooyong Victoria 3144 Phone: (613) 9864 9281 Fax: (613) 9864 9210 Email: [EMAIL PROTECTED] National Information Library Service A subsidiary of RBS.RVIB.VAF Ltd. Damian Sweeney [EMAIL PROTECTED]To: [EMAIL PROTECTED] .edu.au cc: Sent by: Subject: [WSG] Help with fieldset in a li [EMAIL PROTECTED] group.org 28/10/2004 01:25 PM Please respond to wsg Hi folks, I'm having some trouble with a series of questions in a questionnaire that I'd like to put in an ordered list. I'd like to use fieldset and legend to mark up each question, thereby separating them easily for people with assistive devices. However, I'd also like to keep the original look and feel pre-fieldset for 'unassisted' users. An example of the differences can be found at : http://members.iinet.net.au/~damianfs/sample.html Safari and Opera 7.5 on the Mac seem to handle this conversion well, but Firefox and IE tend to put the list marker under level of the legend. So, a couple of questions: Firstly, am I using fieldset and legend in the correct semantic manner? Secondly, if I am using it correctly, are there suggestions for fixing the display in Firefox and IE? Many thanks, Damian -- Damian Sweeney Instructional Designer, AIRport Project Equity, Language and Learning Programs University of Melbourne 723 Swanston St Parkville 3010 www.services.unimelb.edu.au/ellp/ ph 03 8344 9370, fax 03 9349 1039 This email and any attachments may contain personal information or information that is otherwise confidential or the subject of copyright. Any unauthorised use, disclosure or copying of any part of it is prohibited. The University does not warrant that this email or any attachments are free from viruses or defects. Please check any attachments for viruses and defects before opening them. If this email is received in error please delete it and notify us by return email or by phoning (03) 8344 9370. ** 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 with fieldset in a li
One benefit of using fieldset and legend for screen reader users is that nearly all readers will read the legend before every input label within a fieldset. This can be very helpful with forms that require the same information within different sections of the form. For example, if you need put in name, phone number etc for a number of different people, the form input labels for each person will be the same - the layout of the form may make the different sections of the form obvious for visual users of the site, but the difference may not be obvious if you can't see. However, when you use fieldset and legend (with say a legend of purchaser for one person) then the reader will read the labels within this fieldset as purchaser name, purchaser phone number etc. An article with some more information about form accessibility can be found at http://www.usability.com.au/resources/forms.cfm Hope this is helpful Roger -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Susan R. Grossman Sent: Friday, 29 October 2004 1:28 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Help with fieldset in a li Firstly, am I using fieldset and legend in the correct semantic manner? My understanding is that fieldset is meant to group all the similar form elements together, not to diferentiate each input.A group of numbered questions are all related to each other, and the entire thing should be in one fieldset with one legend. If you were to add a second group of numbered questions starting the numbers over again because they are related to each other, but not to the first group of numbered questions, then you would use a second fieldset and legend. (a new one, not nested) At least this is how I've interepreted and used the fieldset. An everyday example is a login form. The fieldset goes around the username and password text boxes as well as the radio button for remembering your password, with the legend on the login text. Any other fields like submitting for a lost password would be in a separate fieldset with new legend of forgotten password. -- Susan R. Grossman [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 ** ** 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 with fieldset in a li
I notice that some people nest the input within the legend whereas I don't: Example: label for=nameName:br / input type=text name=name id=name size=55 //label or mine: label for=nameName:/labelbr / input type=text name=name id=name size=55 / Does it make any difference? The ID ties them together anyway so I think not. P -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Web Usability Sent: Friday, October 29, 2004 9:35 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] Help with fieldset in a li One benefit of using fieldset and legend for screen reader users is that nearly all readers will read the legend before every input label within a fieldset. This can be very helpful with forms that require the same information within different sections of the form. For example, if you need put in name, phone number etc for a number of different people, the form input labels for each person will be the same - the layout of the form may make the different sections of the form obvious for visual users of the site, but the difference may not be obvious if you can't see. However, when you use fieldset and legend (with say a legend of purchaser for one person) then the reader will read the labels within this fieldset as purchaser name, purchaser phone number etc. An article with some more information about form accessibility can be found at http://www.usability.com.au/resources/forms.cfm Hope this is helpful Roger -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Susan R. Grossman Sent: Friday, 29 October 2004 1:28 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Help with fieldset in a li Firstly, am I using fieldset and legend in the correct semantic manner? My understanding is that fieldset is meant to group all the similar form elements together, not to diferentiate each input.A group of numbered questions are all related to each other, and the entire thing should be in one fieldset with one legend. If you were to add a second group of numbered questions starting the numbers over again because they are related to each other, but not to the first group of numbered questions, then you would use a second fieldset and legend. (a new one, not nested) At least this is how I've interepreted and used the fieldset. An everyday example is a login form. The fieldset goes around the username and password text boxes as well as the radio button for remembering your password, with the legend on the login text. Any other fields like submitting for a lost password would be in a separate fieldset with new legend of forgotten password. -- Susan R. Grossman [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 ** ** 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 with fieldset in a li
Thanks to Susan, Steven and Roger for the replies so far. A couple of questions for clarification: * If no fieldset is used for the individual questions, how does a screen reader associate the question with the radio group? The label will differentiate the options, but what about the questions? * It sounds like a long legend is a bad idea - correct? * In a page where there is only one form and one semantically linked set of form controls is a fieldset necessary/desirable? * If fieldsets are nested, how does a screen reader handle the legends? Are they concatenated for each form control or is only the legend from the parent fieldset used? Cheers, Damian One benefit of using fieldset and legend for screen reader users is that nearly all readers will read the legend before every input label within a fieldset. This can be very helpful with forms that require the same information within different sections of the form. For example, if you need put in name, phone number etc for a number of different people, the form input labels for each person will be the same - the layout of the form may make the different sections of the form obvious for visual users of the site, but the difference may not be obvious if you can't see. However, when you use fieldset and legend (with say a legend of purchaser for one person) then the reader will read the labels within this fieldset as purchaser name, purchaser phone number etc. An article with some more information about form accessibility can be found at http://www.usability.com.au/resources/forms.cfm Hope this is helpful Roger -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Susan R. Grossman Sent: Friday, 29 October 2004 1:28 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Help with fieldset in a li Firstly, am I using fieldset and legend in the correct semantic manner? My understanding is that fieldset is meant to group all the similar form elements together, not to diferentiate each input.A group of numbered questions are all related to each other, and the entire thing should be in one fieldset with one legend. If you were to add a second group of numbered questions starting the numbers over again because they are related to each other, but not to the first group of numbered questions, then you would use a second fieldset and legend. (a new one, not nested) At least this is how I've interepreted and used the fieldset. An everyday example is a login form. The fieldset goes around the username and password text boxes as well as the radio button for remembering your password, with the legend on the login text. Any other fields like submitting for a lost password would be in a separate fieldset with new legend of forgotten password. -- Susan R. Grossman [EMAIL PROTECTED] -- Damian Sweeney Instructional Designer, AIRport Project Equity, Language and Learning Programs University of Melbourne 723 Swanston St Parkville 3010 www.services.unimelb.edu.au/ellp/ ph 03 8344 9370, fax 03 9349 1039 This email and any attachments may contain personal information or information that is otherwise confidential or the subject of copyright. Any unauthorised use, disclosure or copying of any part of it is prohibited. The University does not warrant that this email or any attachments are free from viruses or defects. Please check any attachments for viruses and defects before opening them. If this email is received in error please delete it and notify us by return email or by phoning (03) 8344 9370. ** 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 with fieldset in a li
In my opinion your approach is the most appropriate. Label for should be used for labels. And, the ID associates the input with that label. However in relation to legend, a whole bunch of labels and inputs can be presented within one legend. Roger -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Peter Firminger Sent: Friday, 29 October 2004 10:21 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] Help with fieldset in a li I notice that some people nest the input within the legend whereas I don't: Example: label for=nameName:br / input type=text name=name id=name size=55 //label or mine: label for=nameName:/labelbr / input type=text name=name id=name size=55 / Does it make any difference? The ID ties them together anyway so I think not. P -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Web Usability Sent: Friday, October 29, 2004 9:35 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] Help with fieldset in a li One benefit of using fieldset and legend for screen reader users is that nearly all readers will read the legend before every input label within a fieldset. This can be very helpful with forms that require the same information within different sections of the form. For example, if you need put in name, phone number etc for a number of different people, the form input labels for each person will be the same - the layout of the form may make the different sections of the form obvious for visual users of the site, but the difference may not be obvious if you can't see. However, when you use fieldset and legend (with say a legend of purchaser for one person) then the reader will read the labels within this fieldset as purchaser name, purchaser phone number etc. An article with some more information about form accessibility can be found at http://www.usability.com.au/resources/forms.cfm Hope this is helpful Roger -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Susan R. Grossman Sent: Friday, 29 October 2004 1:28 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Help with fieldset in a li Firstly, am I using fieldset and legend in the correct semantic manner? My understanding is that fieldset is meant to group all the similar form elements together, not to diferentiate each input.A group of numbered questions are all related to each other, and the entire thing should be in one fieldset with one legend. If you were to add a second group of numbered questions starting the numbers over again because they are related to each other, but not to the first group of numbered questions, then you would use a second fieldset and legend. (a new one, not nested) At least this is how I've interepreted and used the fieldset. An everyday example is a login form. The fieldset goes around the username and password text boxes as well as the radio button for remembering your password, with the legend on the login text. Any other fields like submitting for a lost password would be in a separate fieldset with new legend of forgotten password. -- Susan R. Grossman [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 ** ** 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 ** ** 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 with fieldset in a li
On Fri, 29 Oct 2004 10:20:54 +1000, Peter Firminger wrote: Does it make any difference? The ID ties them together anyway so I think not. As I understand it, these are the 2 alternate, valid, ways of putting a label on a field. Note that if you wrap the label around the input, you don't need the 'for', but I could be wrong as I don't do that either :) Lea -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Help with fieldset in a li
If no fieldset is used for the individual questions, how does a screen reader associate the question with the radio group? The label will differentiate the options, but what about the questions? Essentially it does not as their is no explicit structural association between the radio buttons and the question. while there is an implicit association [they are within the same container element/ they are contiguous visually and or in the reading order] for the most part the screen reader only knows what you tell it through the code. If fieldsets are nested, how does a screen reader handle the legends? Are they concatenated for each form control or is only the legend from the parent fieldset used? using JAWS 4.51 the legends are not concatenated. It sounds like a long legend is a bad idea - correct? I'd agree with this. In a page where there is only one form and one semantically linked set of form controls is a fieldset necessary/desirable? I think while desirable it is not necessary, unless you have a radio button or checkbox group. But why not use the fieldset element to structure the form instead of putting in a div or some other container? remeber the legend is optional. with regards Steven Faulkner Web Accessibility Consultant National Information Library Service (NILS) 454 Glenferrie Road Kooyong Victoria 3144 Phone: (613) 9864 9281 Fax: (613) 9864 9210 Email: [EMAIL PROTECTED] National Information Library Service A subsidiary of RBS.RVIB.VAF Ltd. Damian Sweeney [EMAIL PROTECTED]To: [EMAIL PROTECTED] .edu.au cc: Sent by: Subject: RE: [WSG] Help with fieldset in a li [EMAIL PROTECTED] group.org 29/10/2004 10:29 AM Please respond to wsg Thanks to Susan, Steven and Roger for the replies so far. A couple of questions for clarification: * If no fieldset is used for the individual questions, how does a screen reader associate the question with the radio group? The label will differentiate the options, but what about the questions? * It sounds like a long legend is a bad idea - correct? * In a page where there is only one form and one semantically linked set of form controls is a fieldset necessary/desirable? * If fieldsets are nested, how does a screen reader handle the legends? Are they concatenated for each form control or is only the legend from the parent fieldset used? Cheers, Damian One benefit of using fieldset and legend for screen reader users is that nearly all readers will read the legend before every input label within a fieldset. This can be very helpful with forms that require the same information within different sections of the form. For example, if you need put in name, phone number etc for a number of different people, the form input labels for each person will be the same - the layout of the form may make the different sections of the form obvious for visual users of the site, but the difference may not be obvious if you can't see. However, when you use fieldset and legend (with say a legend of purchaser for one person) then the reader will read the labels within this fieldset as purchaser name, purchaser phone number etc
RE: [WSG] Help with fieldset in a li
Yes, my use of the word legend should have read label. D'oh! P However in relation to legend, a whole bunch of labels and inputs can be presented within one legend. Roger I notice that some people nest the input within the legend whereas I don't: ** 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 with fieldset in a li
In a page where there is only one form and one semantically linked set of form controls is a fieldset necessary/desirable? I think while desirable it is not necessary, unless you have a radio button or checkbox group. But why not use the fieldset element to structure the form instead of putting in a div or some other container? remeber the legend is optional. The main reason for using an ol is that this is a well-established convention for questionnaires and helps to structure the feedback for responses (which is often per question for my purposes). Also, I would have thought that modern screen readers would be able to group radio and checkbox groups based on name attributes. Is this not the case? Anyway, based on the responses I'm currently thinking I'll do things this way: http://members.iinet.net.au/~damianfs/sample2.html where the fieldset only encloses the radio buttons in a group. This fixes the positioning problem for the list items in Firefox and IE and seems semantically sound to me. No legends are used. Thanks again for the excellent responses, Damian -- Damian Sweeney Instructional Designer, AIRport Project Equity, Language and Learning Programs University of Melbourne 723 Swanston St Parkville 3010 www.services.unimelb.edu.au/ellp/ ph 03 8344 9370, fax 03 9349 1039 This email and any attachments may contain personal information or information that is otherwise confidential or the subject of copyright. Any unauthorised use, disclosure or copying of any part of it is prohibited. The University does not warrant that this email or any attachments are free from viruses or defects. Please check any attachments for viruses and defects before opening them. If this email is received in error please delete it and notify us by return email or by phoning (03) 8344 9370. ** 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 with fieldset in a li
Hi Damian, I misunderstood what you meant when you wrote: In a page where there is only one form and one semantically linked set of form controls is a fieldset necessary/desirable? I didn't realize that you will still referring to your example, I thought you meant a simple form such as a text label + input + submit. I now understand and think that the use of a list in you form is appropriate. Also, I would have thought that modern screen readers would be able to group radio and checkbox groups based on name attributes. Is this not the case? from what i have read they do not group controls in this way. The info here: The HTML Forms Challenge [http://www.freedomscientific.com/HTML_challenge/files/forms_challenge.html] may be helpful for better understanding how a screen reader (JAWS) interacts with forms. with regards Steven Faulkner Web Accessibility Consultant National Information Library Service (NILS) 454 Glenferrie Road Kooyong Victoria 3144 Phone: (613) 9864 9281 Fax: (613) 9864 9210 Email: [EMAIL PROTECTED] National Information Library Service A subsidiary of RBS.RVIB.VAF Ltd. Damian Sweeney [EMAIL PROTECTED]To: [EMAIL PROTECTED] .edu.au cc: Sent by: Subject: RE: [WSG] Help with fieldset in a li [EMAIL PROTECTED] group.org 29/10/2004 12:20 PM Please respond to wsg In a page where there is only one form and one semantically linked set of form controls is a fieldset necessary/desirable? I think while desirable it is not necessary, unless you have a radio button or checkbox group. But why not use the fieldset element to structure the form instead of putting in a div or some other container? remeber the legend is optional. The main reason for using an ol is that this is a well-established convention for questionnaires and helps to structure the feedback for responses (which is often per question for my purposes). Also, I would have thought that modern screen readers would be able to group radio and checkbox groups based on name attributes. Is this not the case? Anyway, based on the responses I'm currently thinking I'll do things this way: http://members.iinet.net.au/~damianfs/sample2.html where the fieldset only encloses the radio buttons in a group. This fixes the positioning problem for the list items in Firefox and IE and seems semantically sound to me. No legends are used. Thanks again for the excellent responses, Damian -- Damian Sweeney Instructional Designer, AIRport Project Equity, Language and Learning Programs University of Melbourne 723 Swanston St Parkville 3010 www.services.unimelb.edu.au/ellp/ ph 03 8344 9370, fax 03 9349 1039 This email and any attachments may contain personal information or information that is otherwise confidential or the subject of copyright. Any unauthorised use, disclosure or copying of any part of it is prohibited. The University does not warrant that this email or any attachments are free from viruses or defects. Please check any attachments for viruses and defects before opening them. If this email is received in error please delete it and notify us by return email or by phoning (03) 8344 9370
Re: [WSG] Help with fieldset in a li
On Thu, 28 Oct 2004 13:25:29 +1000, Damian Sweeney [EMAIL PROTECTED] wrote: Hi folks, snip Firstly, am I using fieldset and legend in the correct semantic manner? Many thanks, It was my understanding that fieldsets and legends were only to be used with forms to make them easier to use. Although I'm not 100% sure that using them in your case would be incorrect. - Clayton Clayton Lengel-Zigich http://www.lengelzigich.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: IE text hiding behind float
Ben Stockdale wrote:
This is my first attempt at a full css layout and to my surprise it
seems to test ok on most browsers, apart from the later versions of IE
where some of the text hides underneath the floated image.
http://stockdale.id.au/ggg/
I haven't moved the css external yet whilst testing and I'm working on
a mac so Win IE testing isn't on hand.
Try removing the overflow from #cont1 and add:
#cont1 p {overflow : auto; height : 149px}
BTW, I found the red/green combo very uncomfortable to look at.
**
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 with fixed positioning in IE
Thanks, Grant. I'll give it a try. You mentioned that for you, it went
almost to the top. For me, it doesn't budge an inch. I guess that
means that the javascript-disabled won't be able to go to the top at
all. I suppose I could always use a a name= tag, although I'd
rather not.
Thanks.
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
content without clutter
Focas, Grant wrote:
John,
the only solution I can offer is to use javascript with a gracefully degrading
experience for the JavaScript disabled. If you are using this on more than one link
it's probably worth putting it into a function. And it works on everything except
Mac/IE (5.0,5.1 and 5.2) which still goes 'almost to the top':
a href=#top onclick=if(navigator.userAgent.indexOf('MSIE') == -1){ window.scrollTo(0, 0); return
false;}Back to top/a
Grant
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of john
Sent: Wednesday, 13 October 2004 11:14 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] help with fixed positioning in IE
After applying this CSS hack to one of my sites, my back to top link
doesn't do anything at all in Win/IE6 (I have an id=top in the BODY tag).
Then there's the fact that part of the scrollbar is hidden beneath the
header...but I think that was already mentioned.
Any suggestions on the back to top link?
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
content without clutter
Focas, Grant wrote:
For me it goes to the top but not quite.
Safari 1.02 does make it go higher than Netscape 7.2 or IE5.2 but it
still doesn't go right to the top.
For instance, in Netscape 7.2 on Mac the back to top takes me back to
'Adapted from fixed positioning' not to 'Fixed header and footer'.
This isn't too bad when the header is only 60px but if it were 120 the
difference would be quite a worry.
Grant
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Nick Gleitzman
Sent: Tuesday, 12 October 2004 3:22 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] help with fixed positioning in IE
On 12 Oct 2004, at 2:55 PM, Focas, Grant wrote:
Using a body id will not work because the top of the page is alsways
in
view. It is the top of the content div which is hidden.
Well, in that case I've misunderstood what you're trying to do with the
link. In all my Mac browsers (IE5.2, Safari 1.2, Netscape 7.2, Firefox
0.9) the link 'resets' the page to the way it looks when it frist loads
- which is what I always have my 'top' links do... - ?
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
**
**
This message is intended for the addressee named and may contain
privileged information or confidential information or both. If you
are not the intended recipient please delete it and notify the sender.
**
**
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
**
**
This message is intended for the addressee named and may contain
privileged information or confidential information or both. If you
are not the intended recipient please delete it and notify the sender.
**
**
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 with fixed positioning in IE
Thanks for the code tip, Grant. Works great (gotta do a bit of tweaking, but still works!). I put this xml line above the DOCTYPE: ?xml version=1.0 encoding=UTF-8? I assume that's right? Thanks again! ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Focas, Grant wrote: Yes, using the xml declaration works and is an infinitely better solution. The comment would have to be used if you were using HTML not XHTML. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Patrick H. Lauke Sent: Wednesday, 13 October 2004 9:24 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE Focas, Grant wrote: john, the solution requires putting the an html comment above the doctype declaration. If the aim is to throw IE into quirks mode, I'd imagine that one may also consider just sticking the xml declaration there (but haven't got the time to test this assertion). 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 ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** 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 with fixed positioning in IE
After applying this CSS hack to one of my sites, my back to top link doesn't do anything at all in Win/IE6 (I have an id=top in the BODY tag). Then there's the fact that part of the scrollbar is hidden beneath the header...but I think that was already mentioned. Any suggestions on the back to top link? ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Focas, Grant wrote: For me it goes to the top but not quite. Safari 1.02 does make it go higher than Netscape 7.2 or IE5.2 but it still doesn't go right to the top. For instance, in Netscape 7.2 on Mac the back to top takes me back to 'Adapted from fixed positioning' not to 'Fixed header and footer'. This isn't too bad when the header is only 60px but if it were 120 the difference would be quite a worry. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Nick Gleitzman Sent: Tuesday, 12 October 2004 3:22 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE On 12 Oct 2004, at 2:55 PM, Focas, Grant wrote: Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. Well, in that case I've misunderstood what you're trying to do with the link. In all my Mac browsers (IE5.2, Safari 1.2, Netscape 7.2, Firefox 0.9) the link 'resets' the page to the way it looks when it frist loads - which is what I always have my 'top' links do... - ? 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 ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** 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 with fixed positioning in IE
I appreciate the discussion on this...really, I do. :) Is there somebody who might be able to help me integrate this into my existing CSS? Am I to understand that I can't have my DOCTYPE set to XHTML (I'm not very well-versed in what IE Quirk Mode is)? Thanks. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter john wrote: After a bit of searching, I found a site that explains how to get fixed positioning in IE. This is great news for me, since I really would like such a thing on the design of one of my sites. Trouble is, I'm having a difficult time incorporating it into my existing CSS, and I'm wondering if there's a kind-hearted soul who could possibly assist me. What I need is both #banner and #tabmenu to stay put (as it does in Firefox). The site I'm working on is at http://www.drzeus.net/redesign/cslewis/ The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header My gratitude to any who can 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 with fixed positioning in IE
john,
the solution requires putting the an html comment above the doctype declaration.
If you also add this CSS hack it will work in IE/Mac, Safari and IE5 and 5.5/Windows:
/* Mac IE cannot read this \*/
* html body{
/* only IE Win and MacOSX can see this,
but is hidden from Mac IE by previous filter.*/
overflow:hidden;
}
* html div#content{
/* only IE Win and MacOSX can see this,
but is hidden from Mac IE by previous filter.*/
height:100%;
width:100%;
overflow:auto;
}
hope this helps,
Grant
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of john
Sent: Wednesday, 13 October 2004 12:36 AM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] help with fixed positioning in IE
I appreciate the discussion on this...really, I do. :) Is there
somebody who might be able to help me integrate this into my existing
CSS? Am I to understand that I can't have my DOCTYPE set to XHTML (I'm
not very well-versed in what IE Quirk Mode is)?
Thanks.
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
content without clutter
john wrote:
After a bit of searching, I found a site that explains how to get fixed
positioning in IE. This is great news for me, since I really would like
such a thing on the design of one of my sites. Trouble is, I'm having a
difficult time incorporating it into my existing CSS, and I'm wondering
if there's a kind-hearted soul who could possibly assist me. What I
need is both #banner and #tabmenu to stay put (as it does in Firefox).
The site I'm working on is at http://www.drzeus.net/redesign/cslewis/
The page with the CSS code for fixed positioning in IE is at
http://limpid.nl/lab/css/fixed/header
My gratitude to any who can 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
**
**
This message is intended for the addressee named and may contain
privileged information or confidential information or both. If you
are not the intended recipient please delete it and notify the sender.
**
**
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 with fixed positioning in IE
Focas, Grant wrote: john, the solution requires putting the an html comment above the doctype declaration. If the aim is to throw IE into quirks mode, I'd imagine that one may also consider just sticking the xml declaration there (but haven't got the time to test this assertion). 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] help with fixed positioning in IE
john wrote: The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header Interesting...although I wonder why Anne didn't actually construct proper html documents with a html, head and body...because it seems to work in that situation as well? 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] help with fixed positioning in IE
I almost thought a problem that had been plaguing me for ages (apart from Howard) had been solved by this until I tried to view it in Mac/IE5.0. No scrollbar appears until a link is clicked (fixed positioning). In the time it takes to load the next page a scrollbar appears on the first page. In Mac/IE5.1, Mac IE5.2 and Safari no scrollbar appears at all. Does anyone have any suggestions to overcome this? Grant Focas -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Patrick H. Lauke Sent: Tuesday, 12 October 2004 8:25 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE john wrote: The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header Interesting...although I wonder why Anne didn't actually construct proper html documents with a html, head and body...because it seems to work in that situation as well? 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 ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** 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 with fixed positioning in IE
I've solved the Mac scrollbar problem. http://www.homebass.info/fixedPosTest/ Now the only issue left (besides that it uses CSS hacks) is that the back to top link only takes you to the top of the content div minus the height of the header. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Focas, Grant Sent: Tuesday, 12 October 2004 9:37 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] help with fixed positioning in IE I almost thought a problem that had been plaguing me for ages (apart from Howard) had been solved by this until I tried to view it in Mac/IE5.0. No scrollbar appears until a link is clicked (fixed positioning). In the time it takes to load the next page a scrollbar appears on the first page. In Mac/IE5.1, Mac IE5.2 and Safari no scrollbar appears at all. Does anyone have any suggestions to overcome this? Grant Focas -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Patrick H. Lauke Sent: Tuesday, 12 October 2004 8:25 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE john wrote: The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header Interesting...although I wonder why Anne didn't actually construct proper html documents with a html, head and body...because it seems to work in that situation as well? 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 ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** 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 with fixed positioning in IE
On 12 Oct 2004, at 1:27 PM, Focas, Grant wrote: I've solved the Mac scrollbar problem. http://www.homebass.info/fixedPosTest/ Now the only issue left (besides that it uses CSS hacks) is that the back to top link only takes you to the top of the content div minus the height of the header. Grant Try adding an id to your body tag and linking to that instead of the named anchor. Also, your DOCTYPE is incomplete - it should include a URL for the DTD to which it refers... 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] help with fixed positioning in IE
Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. But the DOCTYPE was wrong and its now fixed, thanks. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Nick Gleitzman Sent: Tuesday, 12 October 2004 2:31 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE On 12 Oct 2004, at 1:27 PM, Focas, Grant wrote: I've solved the Mac scrollbar problem. http://www.homebass.info/fixedPosTest/ Now the only issue left (besides that it uses CSS hacks) is that the back to top link only takes you to the top of the content div minus the height of the header. Grant Try adding an id to your body tag and linking to that instead of the named anchor. Also, your DOCTYPE is incomplete - it should include a URL for the DTD to which it refers... 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 ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** 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 with fixed positioning in IE
On 12 Oct 2004, at 2:55 PM, Focas, Grant wrote: Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. Well, in that case I've misunderstood what you're trying to do with the link. In all my Mac browsers (IE5.2, Safari 1.2, Netscape 7.2, Firefox 0.9) the link 'resets' the page to the way it looks when it frist loads - which is what I always have my 'top' links do... - ? 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 with fixed positioning in IE
For me it goes to the top but not quite. Safari 1.02 does make it go higher than Netscape 7.2 or IE5.2 but it still doesn't go right to the top. For instance, in Netscape 7.2 on Mac the back to top takes me back to 'Adapted from fixed positioning' not to 'Fixed header and footer'. This isn't too bad when the header is only 60px but if it were 120 the difference would be quite a worry. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Nick Gleitzman Sent: Tuesday, 12 October 2004 3:22 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE On 12 Oct 2004, at 2:55 PM, Focas, Grant wrote: Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. Well, in that case I've misunderstood what you're trying to do with the link. In all my Mac browsers (IE5.2, Safari 1.2, Netscape 7.2, Firefox 0.9) the link 'resets' the page to the way it looks when it frist loads - which is what I always have my 'top' links do... - ? 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 ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** 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. 2 extra words breaks the page
Paul, your CSS doesn't validate. This is failing:
div.sidebar {border-left: 1px solid #ccc; width: 200px; float: right;
padding-left: 5px; padding-vertical-align:text-top;}
Error: Property padding-vertical-align doesn't exist : text-top
Remember to validate!
The problem with IE5 lies with your tables. If you strip out the
tables, the problem goes away. In particular, the table that you have
ID'd by summary=content. It has no declared width that I can see,
in either markup or CSS - and in IE5 it's expanding to fit the
available content, which puts its RH edge outside your layout box. Add
a border to this table to see what it's doing.
Try laying out the page without the tables - it may seem more
difficult, but trust me, you'll get better control in the long run.
HTH
N
___
Omnivision. Websight.
http://www.omnivision.com.au/
On Saturday, Oct 9, 2004, at 04:05 Australia/Sydney, Paul Burchfield
wrote:
Argh! It wasn't until early this morning that I remembered that I'd
forgotten to mention that this seems to be specific to IE/Mac v5.
Here are links to screenshots:
http://www.love2tap.com/sidebar/fits.jpg
http://www.love2tap.com/sidebar/bad.jpg
-Paul B.
On Oct 7, 2004, at 6:00 PM, Paul Burchfield wrote:
I'm trying to create a sidebar for web pages at work to allow an
author a spot to place notes or other quick thoughts.
What I've found is that the amount of text in the sidebar paragraph
can break the page. At some point an extra t words causes all of the
text on the page to go beyond the right hand boundary of the page.
It's easier to see than explain.
A version that works can be found at:
http://www.love2tap.com/sidebar/fits.html
And a version that doesn't work can be seen at:
http://www.love2tap.com/sidebar/bad.html
The only difference is the addition of the words justo nec to the
sodebar paragraph.
Can anyone help me figure out what I'm doing wrong?
If it helps, the CSS I'm using is at:
http://www.love2tap.com/sidebar/css/asto_0404.css
Thanks.
-Paul B.
**
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 about negative positioning
Negative values always give pretty bad results. Instead of moving it up, why don't you float the heading to the right of your logo and then just movie it a bit down and a bit left (by giving margin-top and margin-right)? That should give you the result you want, without using negative numbers. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Befree Sent: Friday, 8 October 2004 12:02 AM To: [EMAIL PROTECTED] Subject: [WSG] Help about negative positioning Hi, I have some problem using negative positioning; it works well on IE, Mozilla Firefox, Mozilla but not with Opera, Konqueror and Safari. The H1 Title on the top right goes too high in the last 3 browsers, how can I place my H1 Title in the same position without using this ugly trick...? The links below will explain better the problem: http://n1k0.no-ip.info/pablo/ http://n1k0.no-ip.info/pablo/skins/sinorca/nes_pablo.css Thanks all for helping me! bye. vince. ** 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. 2 extra words breaks the page
On Thu, 7 Oct 2004 18:00:49 -0700, Paul Burchfield wrote: What I've found is that the amount of text in the sidebar paragraph can break the page. At some point an extra t words causes all of the text on the page to go beyond the right hand boundary of the page Well, you'll be happy to know it looked fine in Safari for me :) Screenshot coming offlist Lea -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Help. 2 extra words breaks the page
On Thu, 7 Oct 2004 18:00:49 -0700, Paul Burchfield [EMAIL PROTECTED] wrote: I'm trying to create a sidebar for web pages at work to allow an author a spot to place notes or other quick thoughts. What I've found is that the amount of text in the sidebar paragraph can break the page. At some point an extra t words causes all of the text on the page to go beyond the right hand boundary of the page. It's easier to see than explain. A version that works can be found at: http://www.love2tap.com/sidebar/fits.html And a version that doesn't work can be seen at: http://www.love2tap.com/sidebar/bad.html The only difference is the addition of the words justo nec to the sodebar paragraph. Can anyone help me figure out what I'm doing wrong? If it helps, the CSS I'm using is at: http://www.love2tap.com/sidebar/css/asto_0404.css What browser are you using? In IE6 and Firefox 1.0 on WinXP everything appears fine. Jay ** 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. 2 extra words breaks the page
On Fri, 8 Oct 2004 14:07:21 +1100, Jay Smith [EMAIL PROTECTED] wrote: On Thu, 7 Oct 2004 18:00:49 -0700, Paul Burchfield [EMAIL PROTECTED] wrote: I'm trying to create a sidebar for web pages at work to allow an author a spot to place notes or other quick thoughts. What I've found is that the amount of text in the sidebar paragraph can break the page. At some point an extra t words causes all of the text on the page to go beyond the right hand boundary of the page. It's easier to see than explain. A version that works can be found at: http://www.love2tap.com/sidebar/fits.html And a version that doesn't work can be seen at: http://www.love2tap.com/sidebar/bad.html The only difference is the addition of the words justo nec to the sodebar paragraph. Can anyone help me figure out what I'm doing wrong? If it helps, the CSS I'm using is at: http://www.love2tap.com/sidebar/css/asto_0404.css What browser are you using? In IE6 and Firefox 1.0 on WinXP everything appears fine. Jay ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** I don't see a problem either it seems to play nice with all of my browseres: Firefox 1.0, Firebird 0.7, IE6, Netscape 7.1 and Opera 7 on Windows XP -- a href=http://www.spreadfirefox.com/?q=affiliatesamp;id=15461amp;t=85;img border=0 alt=Get Firefox! title=Get Firefox! src=http://www.spreadfirefox.com/community/images/affiliates/Buttons/80x15/firefox_80x15.png/nbsp;Get Firefox/a ** 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 with this layout
the simple answer to this, Olajide , is to use the overflow property. in the divs, set overflow: visible perhaps. google search css overflow for more information. the less simple answer is - why is there a height set in the first place? I have a sneaking suspicion that you may be taking a less than ideal approach to your construction of this site. Perhaps it would do you good to scour the web for some nice examples of standards-compliant sites that are doing what you want your site to do, and then study their code. On Fri, 1 Oct 2004 03:35:10 +1000, Olajide Olaolorun [EMAIL PROTECTED] wrote: Hi guys can you please check out this layout and tell me what you all think... The link is http://www.jccihouseofglory.org/2.jpg I want the content area to extend in height when the content is long... I'm using css divs and uses the x and the y variables... how do I make it extend when there is a long content... do I just remove the y valirable in the css Check the layout... it is self explanatory... Thanks Olajide Olaolorun -- Personal: www.olajideolaolorun.com www.empirex.net Business: www.tripleolabs.com www.tripleostudios.com www.tripleo.biz Projects: www.uniformserver.com ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 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 with simple menu
Jake, Ah hah! Many thanks for that! And thanks to Bert, too, for replying. I would have posted the thanks offlist, but I wanted to indicate why Bert's solution would not be ideal in this case. I wanted a rollover effect for the links, involving a graphic arrow to their left. But to achieve that, I had to have a way of creating left padding on the a. Every browser but IE 5 PC understood the left padding. If it were not for IE PC (all flavours), I could have applied the rollover effect to the li, and this would have solved the padding issue. (li:hover) Solution: float the a, which for some reason causes IE 5 PC to understand the left padding. And Jake provided the final (bizarre) piece in the puzzle. Is this a bug in Mozilla? -Hugh Todd Clearing in the li, but leaving the float in the a seems to fix the problem. Jake Quoting Hugh Todd: I wanted a workaround for the refusal of IE 5 PC to honour the left padding on my subnav (where I wanted to put little arrows). So I've set the li a to float left, and set a clear: left to force them to align vertically. In Firefox the clear is ignored! What have I missed I've coloured the links with a gold background for clarity. http://www.fortyfivedegrees.com/childrenfirst/access/ css at http://www.fortyfivedegrees.com/childrenfirst/styles/cf2.css Any help greatly appreciated. ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Help! Safari wide background image bug?
Lea, i see the same effect in both firefox and safari - a white strip to the left of the blue background? in both Firefox and in safari. Sorry, no, that's not where the problem is. I placed the left edge of the blue background arbitrarily, just to display the issue, so you'll have to excuse the bodgy look of it. The problem is on the right hand side. I note your css doesnt validate, and it seems to be on the background line. That's because I've used an IE PC hack to emulate max-width. It's the only thing that shows an error. I've never seen em units used for offseting a background in css. Perhaps it isnt valid to do so? Same problem shows up with absolute measurements (px) as well, so I don't think it's a validation issue. I used the em measurement to indicate that I'm wanting the left hand margin to stretch with an increase in text size. (At present the layout is incomplete in this regard.) Thanks for the response, though. I'm disappointed with Safari's handling of this -- and very surprised! -Hugh ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help on this rollover please
Adding float:left to ul.navlist in Firefox fixed it Vicki. :-) Jim wrote: I am having a problem with this sample rollover at http://www.barricksinsurance.com/button.html . It shows up fine with 4 rows across and 4 rows down on IE but it shows 5 rows across on Firefox. Has anybody any idea what is going wrong here Please? ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help on this rollover please
Hi Jim, On Tue, 17 Aug 2004 18:35:01 -0700, Jim Barricks [EMAIL PROTECTED] wrote: http://www.barricksinsurance.com/button.html . It shows up fine with 4 rows across and 4 rows down on IE but it shows 5 rows across on Firefox. Has anybody any idea what is going wrong here Please? You are absolutely correct - IE is displaying it wrong. You've set the width of the UL to 80% of its parent. You've set the width of LI to 20% of its parent. So, the UL is 4/5 of BODY and LI is 1/5 of UL - therefore you get 5 LIs to a line. What can you do? If you only want four LIs to a line, set their width to 25%, else add clear:left; to the UL. --ben ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] help on this rollover please
Jim asked I am having a problem with this sample rollover at http://www.barricksinsurance.com/button.html . It shows up fine with 4 rows across and 4 rows down on IE but it shows 5 rows across on Firefox. Has anybody any idea what is going wrong here Please? I believe is all to do with the box model http://tantek.com/CSS/Examples/boxmodelhack.html and that IE sees the li containers at greater than 20% in width and Gecko sees the containers as exactly 20% and 5*20% will fit in 100% two solutions: add clear: left; to ul.navlist this works while you have 4 items in each ul.navlist, personally I think this is a little bit of overkill and would use one ul for all items in a box. or increase the width in ul.navlist li from 20 to 22% works in both IE and Firefox. Nick ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help on this rollover please
At 07:06 PM 8/17/2004,Vicki Berry, your nimble fingers typed... Adding float:left to ul.navlist in Firefox fixed it Vicki. :-) Jim wrote: I am having a problem with this sample rollover at http://www.barricksinsurance.com/button.html . It shows up fine with 4 rows across and 4 rows down on IE but it shows 5 rows across on Firefox. Has anybody any idea what is going wrong here Please? ** Hi Vicki, It fixes it in Firefox but messes it up in IE. :-( Jim * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Barricks Insurance Services 800-211-9584 508 Main Street CA License #0383850 El Segundo, CA 90245 http://www.barricksinsurance.com - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Life is not a journey to the grave with the intention of arriving safely in a pretty and well preserved body, but rather to skid in broadside, thoroughly used up, totally worn out, and loudly proclaiming -- WOW--What a Ride! * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help on this rollover please
At 07:21 PM 8/17/2004,Ben Bishop, your nimble fingers typed... Hi Jim, You are absolutely correct - IE is displaying it wrong. You've set the width of the UL to 80% of its parent. You've set the width of LI to 20% of its parent. So, the UL is 4/5 of BODY and LI is 1/5 of UL - therefore you get 5 LIs to a line. What can you do? If you only want four LIs to a line, set their width to 25%, else add clear:left; to the UL. --ben Hi Ben, Tried the 25% and it fixed it fine in Firefox but now it messes up IE. :-( Jim * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * http://home.earthlink.net/~insure/[EMAIL PROTECTED] Resentment is like taking poison and waiting for the other person to die. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] help on this rollover please
At 07:35 PM 8/17/2004,Nick Cowie, your nimble fingers typed... Jim I believe is all to do with the box model http://tantek.com/CSS/Examples/boxmodelhack.html and that IE sees the li containers at greater than 20% in width and Gecko sees the containers as exactly 20% and 5*20% will fit in 100% two solutions: add clear: left; to ul.navlist this works while you have 4 items in each ul.navlist, personally I think this is a little bit of overkill and would use one ul for all items in a box. or increase the width in ul.navlist li from 20 to 22% works in both IE and Firefox. Nick Nick... You are a genus, The change to 22% works beautifully on IE and Firefox. Mucho thanks, Jim * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Barricks Insurance Services 800-211-9584 508 Main Street CA License #0383850 El Segundo, CA 90245 http://www.barricksinsurance.com - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What would I do if I weren't afraid? (Book: Who moved my cheese) * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] HELP REQUEST: netscape float:absolute problem
oops... i meant position:relative. sorry for the mis-type. the div in question is indeed contained within a position:relative div. the problematic div is the lower of the two boxes on the page. s:r -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Patrick Lauke Sent: Friday, July 09, 2004 10:00 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] HELP REQUEST: netscape float:absolute problem Haven't really waded through your css, so pardon me if it's an obvious one: have you set the parent to position:relative or absolute to force the float to use it as a point of reference? And your question is confusing, as there is no such beast as float:absolute http://www.w3.org/TR/REC-CSS2/visuren.html#float-position (but I didn't spot that in your code, so I'm assuming it's just your way of describing the problem...) As for using HELP REQUEST...90% of messages on this list are help requests...so I don't think it would be that useful, personally. Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk -Original Message- From: Scott Reston [mailto:[EMAIL PROTECTED] Sent: 09 July 2004 14:33 To: [EMAIL PROTECTED] Subject: [WSG] HELP REQUEST: netscape float:absolute problem I'm experincing a problem that manifests only in Netscape (regardless of platform). It looks like float:absolute is relative to the viewport, rather than the containing parent div block. I've highlighted the offending blocks in blue: http://www.capstrat.com/development/cs2004/template.html css and html are in the same doc. has anyone run up against this? any thoughts on a workaround? (note - i'm not touching the nav yet, so it's just a placeholder...) scott reston ps - what does everyone think about prepending the subject help request messages with something like HELP REQUEST so that folks that aren't inclined to help would be able to skip without opening the email? just a thought... * 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 * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
