[WSG] Some links for light reading...
1. Knowing too much What I¹m talking about is the increasing need for web developers to know, and be good at, widely different things. Common skill requirements include graphic design, database development, JavaScript, HTML ,CSS ,XML , information architechture, usability, accessibility, writing, typography, ASP ,PHP ,SQL , Flash, QuickTime, interface design, content management systems and web server configuration." ... Sound familiar? http://www.456bereastreet.com/archive/200402/knowing_too_much/ 2. What¹s the point of using pixels? "Any web designer today know that text sized in points is considered an considered an accessibility problem, and that pixels are better." http://web-graphics.com/mtarchive/001165.php 3. Search Engine Optimization II Following on from the first article... http://www.9rules.com/whitespace/web_mastering/search_engine_optimization_ii .php 4. CSS debugging bookmarklet: http://www.codepoetry.net/archives/2004/02/05/css_debugging_stylesheet.php 5. Some nice CSS sites: http://www.macthemes.net/ http://www.fhm.lv/ http://www.pixelgraphix.de/photo/ 6. Some samples of well designed full CSS weblogs: http://larsholst.info/blog/2004/02/11/well-designed-weblogs-volume-2/ 7. New CSS editor for Windows - CSS Editor 3.76 (haven't tried it so no idea how good it is): http://www.style-sheets.com/index.asp 8. New CSS validator: http://www.style-sheets.com/validator.asp Thanks Russ * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Some links for light reading...
When you say that www.fhm.lv is a "nice" css site, what exactly do you mean Russ? :oP -- Cameron W: www.themaninblue.com __ Do you Yahoo!? Yahoo! Finance: Get your refund fast by filing online. http://taxes.yahoo.com/filing.html * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] misbehaving footer
Michael, Thanks that looks really great. That first page is kinda giving me some trouble because at the last moment they wanted the sidebar stuff on the right hand side. I have now removed the align tags from the HTML and that has fixed the alignment. I am going to stick with what i have but would like to use the nav bar that you created if you dont mind. I will have to check everything in IE6 first of course, dammit. Thanks for your help it is very appreciated. Roger > Original Message > Subject: Re: [WSG] misbehaving footer > From: "Michael Donnermeyer" <[EMAIL PROTECTED]> > Date: Thu, February 12, 2004 12:16 pm > To: [EMAIL PROTECTED] > > The main page layout is way off center on Safari and buggy in Firebird. > > One thing I have notices is you're using align on tags in the html that > > should be defined in the CSS. XHTML should never have any kind of > font, alignment, or color attributes attached to the html tag. > > Take aa look at this, I got bored...so I played with it. Works well in > > what I can test here, though I didn't do any hacks so IE-Win may be > slightly off in a few places. Nothing that can't be solved rather > easily though. (I'll send you some screen caps just in case.) > > http://homepage.mac.com/mdnky/yoga/yj.html > > > > On Feb 12, 2004, at 12:57, [EMAIL PROTECTED] wrote: > > > > > rlmoser wrote: > >> Looks to me like line 31 is missing a / > >> you have instead of > >> I'm assuming that the was just supposed to contain > the > >> element. If that is not the case, then maybe that on > line > >> 31 is just extra. > > > > i put the javascript and the thumbnails into an additional div to see > > > if that would fix it the closing tag is after the last thumbnail. I > am > > going to remove them for clarity. > > > > problem is still there. > > http://www.desertstandard.com/yv2/teachers.shtml > > > > FYI I have changed the subject line from "horizontal nav bar > nightmare" > > > >> Original Message > >> Subject: RE: [WSG] horizontal nav bar nightmare > >> From: [EMAIL PROTECTED] > >> Date: Thu, February 12, 2004 9:26 am > >> To: [EMAIL PROTECTED] > >> Cc: [EMAIL PROTECTED] > >> > >>> Also there is something going on at > >> www.desertstandard.net/yv2/teachers.shtml > >>> with the footer bar. its like a missed closing a somewhere > but > >> I cannot > >>> find it. > >>> Roger > >> > >> Looks to me like line 31 is missing a / > >> you have instead of > >> I'm assuming that the was just supposed to contain > the > >> element. If that is not the case, then maybe that on > line > >> 31 is just extra. > >> > >> * > >> The discussion list for http://webstandardsgroup.org/ > >> * > > * > > The discussion list for http://webstandardsgroup.org/ > > * > > > > * > The discussion list for http://webstandardsgroup.org/ > * * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] misbehaving footer
Robert, YOU ROCK! That fixed it. I know you guys might be asking why I have an image there. Well the client wants the Sand font used there. I am also going to have to change the page titles to images for this as well. I ready ALA's article on Fahner(sic) image replacement but all I got after reading that is that is doesnt really work. Any idea's on handling this? Thanks again on the clear:both; action. Roger > Original Message > Subject: Re: [WSG] misbehaving footer > From: "Robert Moser" <[EMAIL PROTECTED]> > Date: Thu, February 12, 2004 7:34 pm > To: [EMAIL PROTECTED] > > [EMAIL PROTECTED] blurted out: > >>>Also there is something going on at > >> > >>www.desertstandard.net/yv2/teachers.shtml > >> > >>>with the footer bar. its like a missed closing a somewhere > but > >> > >>I cannot > >> > >>>find it. > >>>Roger > > The div's look to all be closed now, I think what you need is a > clear: both; > in your #ftr > * > The discussion list for http://webstandardsgroup.org/ > * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] "Dodging CSS Hacks" Tutorial
Ryan Christie blurted out: Box A's background becomes the border when you make a 5px margin on Box B ... I believe I used the word "appear"... It's sort of faking a border, if you will. When built you'll see what I mean (and why it can only be solid) If the background for box A is an image (say a checkerboard pattern that repeats both ways), then the border won't be solid. * The discussion list for http://webstandardsgroup.org/ *
[WSG] IE 5 position problems
Hi guys, Just wondering if anyone knew why this layout http://www.swamphen.com/testing/naturalgrocer/index3.html was breaking in IE5 (severe) and 5.5 (not so severe). I suspect it may be to do with the box model or a float bug, but can’t quite isolate it. Any help much appreciated. The rendering problems are: · in IE5 (Win) the top edges of the two columns are not even; · In IE5.5 Win the spacing between the columns is too close; · Haven’t even looked at the mac yet! Works in IE6, N6, Firebird Cheers James
Re: [WSG] CSS Site Check
Thanks Michael! -- tim Michael Donnermeyer spoke the following wise words on 13/02/2004 3:01 PM EST: Don't blame you. IE has been on my last nerve recently...ALOT. I wouldn't use the hack...it's a rather minor issue anyway, and the hack could cause other issues to arise...not to mention it's a hack. Looks fine in what I tried it in: Safari 1.2 Firebird 0.7 IE 5.2.3 Opera 6.03 * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] IE 5 position problems
Hi James, Without my trusty toolkit handy, I can't answer why it is breaking, I suspect it is probably a box-model issue as you say, but I do have a suggestion that might fix the problems. As you have a fixed-width layout, explicitly setting widths for both columns and "float:left"ing the first column, changing #containerProductUpdates to "float:right" instead of "margin-left:auto" should make things simpler for the browser to nut out. #containerProductUpdates { float:right; /* margin-left:auto; */ padding:0px; width:387px } hth, Ben Only one week till the joint Web Standards Group / Macromedia User Groups meeting at Star City and MXDU! www.mxdu.com James Gollan wrote: The rendering problems are: · in IE5 (Win) the top edges of the two columns are not even; · In IE5.5 Win the spacing between the columns is too close; * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] IE 5 position problems
Thanks in anticipation – I managed to get it working across all my target windows browsers. Now to move on to the mac – anyone want to have a look in a few Mac browsers and tell me the bad news? Go on - it’ll be fun breaking another designers spirit ;) BTW the working page is http://www.swamphen.com/testing/naturalgrocer/index4.html - it took some weird changes to a few padding and margin settings to please all the browsers – and I am still not sure why some things weren’t supported. Anyhoo… -Original Message- From: James Gollan [mailto:[EMAIL PROTECTED] Sent: Saturday, 14 February 2004 11:18 AM To: [EMAIL PROTECTED] Subject: [WSG] IE 5 position problems Hi guys, Just wondering if anyone knew why this layout http://www.swamphen.com/testing/naturalgrocer/index3.html was breaking in IE5 (severe) and 5.5 (not so severe). I suspect it may be to do with the box model or a float bug, but can’t quite isolate it. Any help much appreciated. The rendering problems are: · in IE5 (Win) the top edges of the two columns are not even; · In IE5.5 Win the spacing between the columns is too close; · Haven’t even looked at the mac yet! Works in IE6, N6, Firebird Cheers James
RE: [WSG] IE 5 position problems
Hi Ben, Thanks to the time delay on the mailing list our messages crossed. I will take a look at your suggestion and see if it will make the coding simpler. Now, as my mother used to say, "Go outside and enjoy the sundshine". Cheers James -Original Message- From: Ben Bishop [mailto:[EMAIL PROTECTED] Sent: Saturday, 14 February 2004 4:02 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] IE 5 position problems Hi James, Without my trusty toolkit handy, I can't answer why it is breaking, I suspect it is probably a box-model issue as you say, but I do have a suggestion that might fix the problems. As you have a fixed-width layout, explicitly setting widths for both columns and "float:left"ing the first column, changing #containerProductUpdates to "float:right" instead of "margin-left:auto" should make things simpler for the browser to nut out. #containerProductUpdates { float:right; /* margin-left:auto; */ padding:0px; width:387px } hth, Ben Only one week till the joint Web Standards Group / Macromedia User Groups meeting at Star City and MXDU! www.mxdu.com James Gollan wrote: > The rendering problems are: > > . in IE5 (Win) the top edges of the two columns are not even; > > . In IE5.5 Win the spacing between the columns is too close; > * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] IE 5 position problems
Looks great on Safari, but breaks in IE / Mac. Screenshot at http://tribolum.com/space/naturalgrocer.jpg Lucian tribolum.com On Feb 14, 2004, at 1:06 PM, James Gollan wrote: Thanks in anticipation – I managed to get it working across all my target windows browsers. Now to move on to the mac – anyone want to have a look in a few Mac browsers and tell me the bad news? Go on - it’ll be fun breaking another designers spirit ;) BTW the working page is - it took some weird changes to a few padding and margin settings to please all the browsers – and I am still not sure why some things weren’t supported. Anyhoo… -Original Message- From: James Gollan [mailto:[EMAIL PROTECTED] Sent: Saturday, 14 February 2004 11:18 AM To: [EMAIL PROTECTED] Subject: [WSG] IE 5 position problems Hi guys, Just wondering if anyone knew why this layout http://www.swamphen.com/testing/naturalgrocer/index3.html was breaking in IE5 (severe) and 5.5 (not so severe). I suspect it may be to do with the box model or a float bug, but can’t quite isolate it. Any help much appreciated. The rendering problems are: · in IE5 (Win) the top edges of the two columns are not even; · In IE5.5 Win the spacing between the columns is too close; · Haven’t even looked at the mac yet! Works in IE6, N6, Firebird Cheers James
Re: [WSG] IE 5 position problems
A picture tells a thousand words: http://www.browsercam.com/public.aspx?proj_id=44938 :) Russ > Thanks in anticipation I managed to get it working across all my target > windows browsers. Now to move on to the mac anyone want to have a look in a > few Mac browsers and tell me the bad news? Go on - it¹ll be fun breaking > another designers spirit ;) * The discussion list for http://webstandardsgroup.org/ *