Re: [WSG] site check please - Rowing History
Thanks Thierry for your detailed reply! I've implemented all your suggestions except the IE5/mac dropdowns -- I haven't had time to look at the suggested link yet, but I will. Regards, Hope On 28/4/05 2:27 PM, Thierry Koblentz [EMAIL PROTECTED] wrote: ope Stewart wrote: comments. The design is very basic, but I've never claimed to be a graphic designer! It looks nice (I'd use a darker green for body though) I think you *need* to include a skipnav link. I have been unable to test the new pages in Opera/win and IE5/win, so would be grateful if someone could have a look for me, particularly in regards to the drop-downs. IE5.1 and 5.5 Win: It looks really good in both versions, but the wrapper is not centered. For this, you'll need to use text-align:center in body and then text-align:left in #wrapper. As a side note, you can use #00c instead of #cc for your color declarations (format #aabbcc becomes #abc) For margin:1.2em 0em 1.2em 0em you can go shorthand like this margin:1.2em 0 (a 0 is a zero, no matter what dimension you chose). The drop-downs do not work in IE5.2/mac, but each of the first level This technique works in IE5 Mac: http://www.tjkdesign.com/articles/dropdown/default.asp If you read the last page of this article (pushing the envelope), you'll see that it is also a bit better in term of accessibility (re: tabbing navigation and JS-challenged browsers) Nice work, good luck with this project HTH, Thierry | http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Web Standards in Estonia
[EMAIL PROTECTED] schrieb: http://triin.net/2005/04/27/Web_Standards_in_Estonia (The page itself is in Estonian, but the referred article is for all of you, who for some strange reason don't speak the language, translated to English.) Hopefully the information will prove helpful for someone... That's an excellent survey! May I ask (sorry about my English and Estonian): * Proseminarit. * T Haapsalu Kolled: Infotehnoloogia osakond. * Juhendaja: Jaagup Kippar. * Haapsalu 2005. Is this a seminar paper at a Estonian university information sciences seminar? I didn't find this in the English version yet. I hope we'll get some more surveys from other countries in the near future, for having a scientific base for our activities. But I think we can generalize the results for the time being, as the survey was conducted on 21,905 pages (and the refered Danish survey maps that results). And the results are disillusioning. Thanks again. Ingo ** 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] site check please - Rowing History
congrats, very nice design :) 2 errors in home page http://validator.w3.org/check?uri=http://www.rowinghistory-aus.info/world-u23-championships/index.html cheers Daniel http://www.gizax.it Hope Stewart wrote: I've been working on a huge site for over a year and it still has a long way to go. Unfortunately, I had not heard about Web Standards until well after starting this site, but it's never too late! The latest section I'm about to add to the site is totally CSS and not a table in sight, except for tabular data. And after several days of trying, I finally got Suckerfish drop down menus to work. (Drop down menus are a non-negotiable requirement of the client, as is the huge sponsor's logo at the top of each page.) It is very important that this site be accessible and last well into the future -- unlike a commercial site, it is unlikely to get a major re-design every few years. So, I'd be very interested hear your comments. The design is very basic, but I've never claimed to be a graphic designer! The new draft section (on the World Under 23 Rowing Championships) can be found at: http://www.rowinghistory-aus.info/world-u23-championships/index.html Compare this to my original bandwidth-hungry, table-orientated layout: http://www.rowinghistory-aus.info/olympic-games/index.html I have been unable to test the new pages in Opera/win and IE5/win, so would be grateful if someone could have a look for me, particularly in regards to the drop-downs. The drop-downs do not work in IE5.2/mac, but each of the first level links will go to a page containing all the links in the drop-downs. So, accessibility is not reliant on the drop-downs. Regards, Hope Stewart ** 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] Voice family box model hack
Yeah but what does each of the following lines actually do? height: 100%; voice-family: \}\; voice-family: inherit; height: auto; Also, I am not clear on which browsers will end up using 100% height and which will not break but not use 100%. That MSDN article is quite interesting. Basically you can use those Conditional Comments to add specific code anywhere in your page for IE5, IE6, IE7 when it comes, and other browsers such as Firefox, Opera etc will just ignore it all because the code appears commented out to them. This in turn makes it easier to develop code specifically to fix IE problems. Why has that been such a well kept secret? Thanks, Stephen - Original Message - From: Thierry Koblentz [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, April 27, 2005 4:00 PM Subject: Re: [WSG] Voice family box model hack Stevio wrote: Can someone explain how the following works? Hi Stephen, You may want to read this: http://tantek.com/CSS/Examples/boxmodelhack.html Then this: http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp Unless I'm missing something, the latter is a simpler and - IMHO - cleaner solution to fix MSIE. -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/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] Voice family box model hack
On Thu, 28 Apr 2005 09:43:59 +0100, Stevio [EMAIL PROTECTED] wrote: This in turn makes it easier to develop code specifically to fix IE problems. Why has that been such a well kept secret? I thought that was quite popular technique. IE has conditional comments for JScript as well and that's better kept secret: http://msdn.microsoft.com/library/en-us/script56/html/js56jsstmccon.asp /[EMAIL PROTECTED] @*/ /[EMAIL PROTECTED] (@_jscript_version 5.6) document.styleSheets[0].href=ie5.css; @end @*/ -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Urgent navigation problem
Can someone help me with a site I'm working on at www.ragamuffinbridal.co.uk. The home page is fine in IE for PC, but in the other pages, the navigation style disappears. It's the same in all pages when looked at in other PC and Mac browsers. Everything was fine until I just updated the home page with a table (Yes, I know I shouldn't...) table id=homepage to accommodate the sale button. What have I done wrong? This is a live site so if anyone can help me correct things before the client has a fit, I'd be really grateful! CSS is at www.ragamuffinbridal.co.uk/styles/first.css Mary ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Betr.: [WSG] Urgent navigation problem
Hi Mary,
validate your stylesheet (CSS) and see that there is a problem with your
announcement-style:
.announcement {
text-align: center;
It isn't closed with a } , so eveything below may not work correctly including
the styles for the menu. In Firefox the menu doesn't work on the homepage
either, so it is consistent.
So, fix your stylesheet and see what happens.
Gerard
Stichting Bartiméus Accessibility
Informatie, voorlichting, onderzoek en training
Utrechtseweg 84
3702 AD Zeist (The Netherlands)
Tel: +31 (0)30 - 6982401
Fax: +31 (0)30 - 6982388
WWW: www.accessibility.nl
Zie voor disclaimer onze website:
www.accessibility.nl/algemeen/disclaimer
Read our disclaimer on the website :
www.accessibility.nl/algemeen/disclaimer
[EMAIL PROTECTED] 28-4-2005 11:22:04
Can someone help me with a site I'm working on at
www.ragamuffinbridal.co.uk. The home page is fine in IE for PC, but in
the other pages, the navigation style disappears. It's the same in all
pages when looked at in other PC and Mac browsers. Everything was fine
until I just updated the home page with a table (Yes, I know I
shouldn't...) table id=homepage to accommodate the sale button.
What have I done wrong? This is a live site so if anyone can help me
correct things before the client has a fit, I'd be really grateful!
CSS is at www.ragamuffinbridal.co.uk/styles/first.css
Mary
**
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] Urgent navigation problem
I've just removed the table from the home page to see if that would be a temporary solution but it didn't work. Now there's a new problem - if you look at www.ragamuffinbridal.co.uk/pages/resale.html, you'll see a table of dress details. Each cell should have a pink border, but suddenly they've disappeared. What's going on? Mary On 28 Apr 2005, at 10:22, Mary Wright wrote: Can someone help me with a site I'm working on at www.ragamuffinbridal.co.uk. The home page is fine in IE for PC, but in the other pages, the navigation style disappears. It's the same in all pages when looked at in other PC and Mac browsers. Everything was fine until I just updated the home page with a table (Yes, I know I shouldn't...) table id=homepage to accommodate the sale button. What have I done wrong? This is a live site so if anyone can help me correct things before the client has a fit, I'd be really grateful! CSS is at www.ragamuffinbridal.co.uk/styles/first.css Mary ** 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] Urgent navigation problem
Hi Mary,
You have to float the list elements to create buttons.
Try:
#navlist li {
float: left;
list-style-type: none;
}
HTH
Prabhath
http://nidahas.com
On 4/28/05, Mary Wright [EMAIL PROTECTED] wrote:
Can someone help me with a site I'm working on at
www.ragamuffinbridal.co.uk. The home page is fine in IE for PC, but in
the other pages, the navigation style disappears. It's the same in all
pages when looked at in other PC and Mac browsers. Everything was fine
until I just updated the home page with a table (Yes, I know I
shouldn't...) table id=homepage to accommodate the sale button.
What have I done wrong? This is a live site so if anyone can help me
correct things before the client has a fit, I'd be really grateful!
CSS is at www.ragamuffinbridal.co.uk/styles/first.css
Mary
**
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: Betr.: [WSG] Urgent navigation problem
Thank you, thank you, thank you, thank you!
I must have accidentally deleted it during a revision.
Mary
On 28 Apr 2005, at 10:42, Gerard Copinga wrote:
Hi Mary,
validate your stylesheet (CSS) and see that there is a problem with
your announcement-style:
.announcement {
text-align: center;
It isn't closed with a } , so eveything below may not work correctly
including the styles for the menu. In Firefox the menu doesn't work on
the homepage either, so it is consistent.
So, fix your stylesheet and see what happens.
Gerard
Stichting Bartiméus Accessibility
Informatie, voorlichting, onderzoek en training
Utrechtseweg 84
3702 AD Zeist (The Netherlands)
Tel: +31 (0)30 - 6982401
Fax: +31 (0)30 - 6982388
WWW: www.accessibility.nl
Zie voor disclaimer onze website:
www.accessibility.nl/algemeen/disclaimer
Read our disclaimer on the website :
www.accessibility.nl/algemeen/disclaimer
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] Two separate CSS issues
I am working on a 2 column layout with a header and footer, with the footer
always pushed against the bottom of the page (or at the bottom of the
content, if the page content is longer than the available space).
Here is the page (ignore the colours - they are just for identifying divs!):
http://www.cssweb.co.uk/templatetest.html
I am coming across two problems:
1) When viewing in Firefox - there is whitespace at the top of the page
above the Document Heading, which is within an H1 tag. If I add:
#header h1 {
margin:0;
}
then this problem disappears.
Shouldn't the H1 be contained within the header div? Why is the above
required? This problem does not happen in IE6.
2) When viewing in IE6 - the floated sidebar div (yellow with red border)
does not appear on top of the pink space where it should be. Why is that?
Thanks,
Stephen
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/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
**
[WSG] site check please - Rowing History
The only thing I really don't like is that when you click a link the top menu disappears and the only way I can get it back is to click the Back button. (I'm using IE6) Otherwise a good looking site Graham Cook -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Hope Stewart Sent: Thursday, 28 April 2005 1:29 PM To: Web Standards Group Subject: [WSG] site check please - Rowing History I've been working on a huge site for over a year and it still has a long way to go. Unfortunately, I had not heard about Web Standards until well after starting this site, but it's never too late! The latest section I'm about to add to the site is totally CSS and not a table in sight, except for tabular data. And after several days of trying, I finally got Suckerfish drop down menus to work. (Drop down menus are a non-negotiable requirement of the client, as is the huge sponsor's logo at the top of each page.) It is very important that this site be accessible and last well into the future -- unlike a commercial site, it is unlikely to get a major re-design every few years. So, I'd be very interested hear your comments. The design is very basic, but I've never claimed to be a graphic designer! The new draft section (on the World Under 23 Rowing Championships) can be found at: http://www.rowinghistory-aus.info/world-u23-championships/index.html Compare this to my original bandwidth-hungry, table-orientated layout: http://www.rowinghistory-aus.info/olympic-games/index.html I have been unable to test the new pages in Opera/win and IE5/win, so would be grateful if someone could have a look for me, particularly in regards to the drop-downs. The drop-downs do not work in IE5.2/mac, but each of the first level links will go to a page containing all the links in the drop-downs. So, accessibility is not reliant on the drop-downs. Regards, Hope Stewart ** 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] Web Standards in Estonia
On Thu, 28 Apr 2005 07:53:23 +0100, Ingo Chao [EMAIL PROTECTED] wrote: May I ask (sorry about my English and Estonian): * Proseminaritöö. * TÜ Haapsalu Kolled#382;: Infotehnoloogia osakond. * Juhendaja: Jaagup Kippar. * Haapsalu 2005. Is this a seminar paper at a Estonian university information sciences seminar? I didn't find this in the English version yet. Yes, that's right -- didn't included the information in English version at the first place, but it's there now: * Proseminar work. * Tallinn University, Haapsalu Kolledz: Computer Science dep. * Instructor: Jaagup Kippar. * Haapsalu 2005. 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] site check please - Rowing History
On 28/4/05 6:27 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: 2 errors in home page http://validator.w3.org/check?uri=http://www.rowinghistory-aus.info/world-u23- championships/index.html Thanks for this. Just goes to show that I need to validate EACH time I make changes! Cheers Hope(less) ** 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] Urgent navigation problem
Hi Mary All looks ok to me, have you solved this one? Peter -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mary Wright Sent: 28 April 2005 10:49 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Urgent navigation problem I've just removed the table from the home page to see if that would be a temporary solution but it didn't work. Now there's a new problem - if you look at www.ragamuffinbridal.co.uk/pages/resale.html, you'll see a table of dress details. Each cell should have a pink border, but suddenly they've disappeared. What's going on? Mary On 28 Apr 2005, at 10:22, Mary Wright wrote: Can someone help me with a site I'm working on at www.ragamuffinbridal.co.uk. The home page is fine in IE for PC, but in the other pages, the navigation style disappears. It's the same in all pages when looked at in other PC and Mac browsers. Everything was fine until I just updated the home page with a table (Yes, I know I shouldn't...) table id=homepage to accommodate the sale button. What have I done wrong? This is a live site so if anyone can help me correct things before the client has a fit, I'd be really grateful! CSS is at www.ragamuffinbridal.co.uk/styles/first.css Mary ** 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] Two separate CSS issues
For the first problem try this:
body, html {
margin:0;
padding:0;
}
Stefan Lemmen
Holland
On 4/28/05, Stevio [EMAIL PROTECTED] wrote:
I am working on a 2 column layout with a header and footer, with the footer
always pushed against the bottom of the page (or at the bottom of the
content, if the page content is longer than the available space).
Here is the page (ignore the colours - they are just for identifying divs!):
http://www.cssweb.co.uk/templatetest.html
I am coming across two problems:
1) When viewing in Firefox - there is whitespace at the top of the page
above the Document Heading, which is within an H1 tag. If I add:
#header h1 {
margin:0;
}
then this problem disappears.
Shouldn't the H1 be contained within the header div? Why is the above
required? This problem does not happen in IE6.
2) When viewing in IE6 - the floated sidebar div (yellow with red border)
does not appear on top of the pink space where it should be. Why is that?
Thanks,
Stephen
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/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
**
--
**
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] Voice family box model hack
Stevio wrote:
Yeah but what does each of the following lines actually do?
height: 100%;
voice-family: \}\;
voice-family: inherit;
height: auto;
Hi,
height: 100%;:
This line sets the height for all browsers with CSS support.
voice-family: \}\;
voice-family:inherit;
Due to a CSS parsing bug in IE 5.x Windows and IE 6.0 Windows in quirks
mode (QM) doesn't understand these lines and stops processing this rule
here. Anything that following these lines will not be applied by the
affected browsers. These lines do not serve any other purpose other than
causing IE/Win to choke and to stop processing the rule.
height: auto;
Because IE win stops processing at the 'voice-family' lines, it does not
apply this line, but UAs which support CSS 2 (and the box model) will
read this line normally.
Most often, this hack is used to work around IE 5.x's broken box model
where the first width property provides a value for IE and the second
width value is for browsers that correctly implement the box model.
If I have to use a box model hack (BMH), rather than a conditional
comment, I prefer the following [01]:
foo { /* Selector recognized by all browsers with CSS support. */
height: auto
}
* html foo { /* Selector recognized by IE only */
height: 100%; /* Value for IE5.x/Win and IE6.x/Win QM */
hei\ght: auto; /* Value for IE6/Win */
}
If I don't care about support for Netscape 4, which chokes on escapes
(\) and ignores any style sheet that contains them, or Opera 5, which
completely ignores the rule, I use the following [02]:
foo {
height: auto;
\height: 100%;
hei\ght: auto;
}
Also, I am not clear on which browsers will end up using 100% height and
which will not break but not use 100%.
Visit Dithered [03] for a list of hacks and an overview of which
browsers are affected.
That MSDN article is quite interesting. Basically you can use those
Conditional Comments to add specific code anywhere in your page for IE5,
IE6, IE7 when it comes, and other browsers such as Firefox, Opera etc will
just ignore it all because the code appears commented out to them.
Correct, but one point that some folks miss is that types of conditional
comments can only be used inside of your markup; you cannot use a CC
inside linked style sheets. These are very useful for calling external
style sheets and although I use IE hacks in my CSS while in development,
I tend to move those hacks to individual style sheets and link to them
via CCs when I go into production--it's easier to maintain and it's cleaner.
This in turn makes it easier to develop code specifically to fix IE
problems. Why has that been such a well kept secret?
Conditional comments are a pretty well know and documented technique, so
I wouldn't exactly say it's a well kept secret. The CSS-Discuss Wiki
[04] is also a good place to find additional information on this and
other techniques you may not be familiar with.
[01] http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html
[02] http://www.doxdesk.com/personal/posts/css/20020212-bmh.html
[03] http://www.dithered.com/css_filters/index.html
[04] http://css-discuss.incutio.com/?page=FrontPage
--
Best regards,
Michael Wilson
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] site check please - Rowing History
On 28/4/05 8:46 PM, Graham [EMAIL PROTECTED] wrote: The only thing I really don't like is that when you click a link the top menu disappears and the only way I can get it back is to click the Back button. (I'm using IE6) If you click one of the links in the top green menu, it takes you to a different section of the site where my old table-driven design is. Only this World Under 23 Championships section has the new css design so far -- and it's not officially online yet. In this new section, I changed the old design by adding in the top green menu with drop-downs, the Search form and, underneath the top green menu, another drop-down menu for quick navigation within this section. If you click just within this section, you'll see how these items are on each page. All new sections will now have this format. Eventually, I'll convert the old sections into this new design. (Actually, I'll probably get my 18-year-old to do it. She's just bumped into a BMW and has an $1800 bill to pay. Ouch! She'll be motivated!) Thanks for your input. Cheers, Hope ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Adjunct to Richard Czeiger's Sydney WSG presentation
A good adjunct to Richard Czeiger's Sydney WSG presentation a few hours ago (which was quite good) is the article : Ten good practices for writing JavaScript in 2005 http://www.bobbyvandersluis.com/articles/goodpractices.php -- Neerav Bhatt http://www.bhatt.id.au Need a Sydney based web standards contractor? You need my services. Recent projects for Glassonion, Freshweb, Cogentis, Ceneka ... http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://bookcrossing.com/referral/neerav ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] div not scaling to 100% of parent
hello,
http://mcmonagle.biz/OTI/BOXTEST.HTM
the above link shows an example of a css layout in progress with colored
borders to show the boxes.
Notice the pink box in the left column.
I would like it to scale to 100% of so that it reaches the bottom(stopping
at the blue spacer div.)
Here is the css for the box in question.
#linkList { border: 1px solid #99;
float: left;
width: 149px;
border-right-color: #FF;
height:100%;
background-color: pink;
}
and here is a link to the rest of the css if needed
http://mcmonagle.biz/OTI/THEMES/BORDERS.CSS
any help greatly appreciated
thanks
-kvnmcwebn
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Two separate CSS issues
Hi Bob,
Thanks for the suggestion but it didn't work! Stefan's suggestion did not
work either. Any other ideas anyone?
Anyone know why a floated div is hidden in IE6?
Stephen
- Original Message -
From: designer [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Thursday, April 28, 2005 1:21 PM
Subject: Re: [WSG] Two separate CSS issues
These days I always use:
#{margin : 0; padding : 0} at the start of my CSS. This removes all the
'default' padding, margins etc from everything, and you set your own,
throughout.
Sometimes a pain if you're being lazy or in a rush, but it does allow for
excellent control of your layout.
Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk
- Original Message -
From: Stefan Lemmen [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Thursday, April 28, 2005 1:10 PM
Subject: Re: [WSG] Two separate CSS issues
For the first problem try this:
body, html {
margin:0;
padding:0;
}
Stefan Lemmen
Holland
On 4/28/05, Stevio [EMAIL PROTECTED] wrote:
I am working on a 2 column layout with a header and footer, with the
footer
always pushed against the bottom of the page (or at the bottom of the
content, if the page content is longer than the available space).
Here is the page (ignore the colours - they are just for identifying
divs!):
http://www.cssweb.co.uk/templatetest.html
I am coming across two problems:
1) When viewing in Firefox - there is whitespace at the top of the page
above the Document Heading, which is within an H1 tag. If I add:
#header h1 {
margin:0;
}
then this problem disappears.
Shouldn't the H1 be contained within the header div? Why is the above
required? This problem does not happen in IE6.
2) When viewing in IE6 - the floated sidebar div (yellow with red border)
does not appear on top of the pink space where it should be. Why is that?
Thanks,
Stephen
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/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] Two separate CSS issues
Strange.. this normally does..
Maybe try redesigning this layout from the start beginning with
body, html {
margin:0;
padding:0;
}
Then you should be able to find the bug I think..
Good luck
On 4/28/05, Stevio [EMAIL PROTECTED] wrote:
Hi Bob,
Thanks for the suggestion but it didn't work! Stefan's suggestion did not
work either. Any other ideas anyone?
Anyone know why a floated div is hidden in IE6?
Stephen
- Original Message -
From: designer [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Thursday, April 28, 2005 1:21 PM
Subject: Re: [WSG] Two separate CSS issues
These days I always use:
#{margin : 0; padding : 0} at the start of my CSS. This removes all the
'default' padding, margins etc from everything, and you set your own,
throughout.
Sometimes a pain if you're being lazy or in a rush, but it does allow for
excellent control of your layout.
Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk
- Original Message -
From: Stefan Lemmen [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Thursday, April 28, 2005 1:10 PM
Subject: Re: [WSG] Two separate CSS issues
For the first problem try this:
body, html {
margin:0;
padding:0;
}
Stefan Lemmen
Holland
On 4/28/05, Stevio [EMAIL PROTECTED] wrote:
I am working on a 2 column layout with a header and footer, with the
footer
always pushed against the bottom of the page (or at the bottom of the
content, if the page content is longer than the available space).
Here is the page (ignore the colours - they are just for identifying
divs!):
http://www.cssweb.co.uk/templatetest.html
I am coming across two problems:
1) When viewing in Firefox - there is whitespace at the top of the page
above the Document Heading, which is within an H1 tag. If I add:
#header h1 {
margin:0;
}
then this problem disappears.
Shouldn't the H1 be contained within the header div? Why is the above
required? This problem does not happen in IE6.
2) When viewing in IE6 - the floated sidebar div (yellow with red border)
does not appear on top of the pink space where it should be. Why is that?
Thanks,
Stephen
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/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
**
--
Stefan Lemmen
Holland
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Two separate CSS issues
Stevio wrote:
Anyone know why a floated div is hidden in IE6?
Try position:relative on #sidebar, that should fix it
To set padding and margin to 0 value for all the elements, try * instead
of #, like this:
* {margin:0;padding:0}
HTH,
Thierry | http://www.TJKDesign.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Two separate CSS issues
Stevio schrieb: Hi Bob, Thanks for the suggestion but it didn't work! Stefan's suggestion did not work either. Any other ideas anyone? Anyone know why a floated div is hidden in IE6? Stephen apply the Holly hack to #maincontent for an explanation http://www.satzansatz.de/cssd/rpfloat.html when you are posting to the wsg and cssd, I don't know where to answer to. Ingo ** 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] Voice family box model hack
Michael Wilson wrote:
If I have to use a box model hack (BMH), rather than a conditional
comment, I prefer the following [01]:
* html foo { /* Selector recognized by IE only */
height: 100%; /* Value for IE5.x/Win and IE6.x/Win QM */
hei\ght: auto; /* Value for IE6/Win */
}
I believe it is worth mentionning that IE5 Mac would also apply that second
declaration.
Conditional comments are a pretty well know and documented technique,
You may find this useful:
http://www.positioniseverything.net/articles/multiIE.html
Thierry | http://www.TJKDesign.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] Javascript - the last piece of the puzzle
The Sydney Web Standards meeting went well tonight with about 33 people present. Richard Czeiger stepped in at the last minute to talk as John Allsopp was indisposed. It was one of Richards first ever presentations, and he handled himself exceptionally well under some heavy crossfire from Sydney members. Thank you Richard! Presentation slides for Javascript - the last piece of the puzzle: http://webstandardsgroup.org/go/resource443.cfm Russ ** 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] div not scaling to 100% of parent
Hi Kvnmcwebn,
I beleive your problem is that your containing block (WrapperBody) does not
have an explicit height set. If your element's containing block does not have
an explicit height set, and you set your element's height to a percentage, then
it is treated as 'auto'. You can see this by applying a temporary height to
div.WrapperBody.
I only looked at your page in Firefox, but I beleive that is how it works.
As for a solution to you problem, I'm not exactly sure, unless you can set the
height of WrapperBody. Maybe you can set it using em's.
Hope this helps,
Mike
Kvnmcwebn wrote:
hello,
http://mcmonagle.biz/OTI/BOXTEST.HTM
the above link shows an example of a css layout in progress with colored
borders to show the boxes.
Notice the pink box in the left column.
I would like it to scale to 100% of so that it reaches the bottom(stopping
at the blue spacer div.)
Here is the css for the box in question.
#linkList { border: 1px solid #99;
float: left;
width: 149px;
border-right-color: #FF;
height:100%;
background-color: pink;
}
and here is a link to the rest of the css if needed
http://mcmonagle.biz/OTI/THEMES/BORDERS.CSS
any help greatly appreciated
thanks
-kvnmcwebn
**
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] Voice family box model hack
Thierry Koblentz wrote:
Michael Wilson wrote:
If I have to use a box model hack (BMH), rather than a conditional
comment, I prefer the following [01]:
* html foo { /* Selector recognized by IE only */
height: 100%; /* Value for IE5.x/Win and IE6.x/Win QM */
hei\ght: auto; /* Value for IE6/Win */
}
I believe it is worth mentionning that IE5 Mac would also apply that second
declaration.
Hi,
Sorry about that Thierry; I was trying to keep things simple. In fact,
most modern browsers, or at least the ones that properly handle escapes,
will apply it.
http://www.dithered.com/css_filters/css_only/simplified_box_model.html
If for some reason you need to hide this rule from IE5 Mac, you could use
foo {
height: auto
}
/* Hide from IE-mac \*/
* html foo {
height: 100%;
hei\ght: auto;
}
/* End hide from IE-mac */
or if you just need to hide the escaped declaration...
foo {
height: auto
}
* html foo {
height: 100%;
}
/* Hide from IE-mac \*/
* html foo {
hei\ght: auto;
}
/* End hide from IE-mac */
I think... :)
--
Best regards,
Michael Wilson
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] div not scaling to 100% of parent
Thanks mike, that does the trick. -kvnmcwebn (Sorry if this is off topic for the list but I didnt see an email for mike) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] best practice?
Firstly, let me say that I have been doing standards only since last
September, so am very much a novice. I have upgraded 5 or so sites to be
XHTML/CSS etc, and got them to validate as STRICT, so I am happy that 'I can
do it', as far as it goes.
I have learnt quite a lot (in fact, it seems a helluva lot :-) and picked up
sufficient tips etc to be able to sit down and code without thinking about
it. (too much, anyway :-)
So having filled in the background, I'll tell you why I think I'm going to
be 'naughty'.
Most of my designs have a container, 600px-750px wide, which I like to
center horizontally, at least. So I've been doing the :
#container {
margin-left : auto;
margin-right : auto;
}
Thing. The point is, this doesn't work in IE, and as IE is very important
(like it or not), I've been doing the conditional comment hack:
!--[if IE] div align=center ![endif]--
div id=container
This is some text
/div
!--[if IE] /div ![endif]--
Ok, but the centring doesn't cascade (except in IE) so, anything that goes
inside the container has to have the left and right margin:auto thing
applied to it.
I'm beginning to think that using:
div align=center
div id=container
This is some text
/div
/div
and a transitional DTD produces something which has less lines of code,
contains no hack, and the centring cascades down the line to the container
contents. I've got to say it, this DOES seem a much more 'sensible'
approach. I do realise that this must not get out of hand, but a limited
and (in my view) valid case such as this is justification for the occasional
'hybrid' approach. So, I'm not asking for a kind of 'permission' to do this
(I can make my own mind up about that :-), but I am asking if, in your view,
there are any really important reasons not to, and to assess your
thoughts/responses.
In other words, using that conditional comment makes the code validate
strict, but only because the validator ignores it, so that could be
considered 'cheating'. So why not be honest about it, and admit the cheating
by using the align=center div for all browsers? As far as I know, there
isn't an alternative for IE?
Thank you!
Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] best practice?
body {text-align: center;}
#container {text-align: left; margin: 0 auto;}
--
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] best practice?
Use:
body {
margin: 0;
padding: 0;
text-align: center; /* for IE */
}
Then override the text align center on your container with:
#container {
margin: 0 auto;
width: 750px;
text-align: left;
}
HTH,
-Nigel
-Original Message-
From: designer [mailto:[EMAIL PROTECTED]
Sent: Thursday, April 28, 2005 4:04 PM
To: webstandards group
Subject: [WSG] best practice?
Firstly, let me say that I have been doing standards only since last
September, so am very much a novice. I have upgraded 5 or so sites to be
XHTML/CSS etc, and got them to validate as STRICT, so I am happy that 'I
can do it', as far as it goes.
I have learnt quite a lot (in fact, it seems a helluva lot :-) and
picked up sufficient tips etc to be able to sit down and code without
thinking about it. (too much, anyway :-)
So having filled in the background, I'll tell you why I think I'm going
to be 'naughty'.
Most of my designs have a container, 600px-750px wide, which I like to
center horizontally, at least. So I've been doing the :
#container {
margin-left : auto;
margin-right : auto;
}
Thing. The point is, this doesn't work in IE, and as IE is very
important (like it or not), I've been doing the conditional comment
hack:
!--[if IE] div align=center ![endif]--
div id=container
This is some text
/div
!--[if IE] /div ![endif]--
Ok, but the centring doesn't cascade (except in IE) so, anything that
goes inside the container has to have the left and right margin:auto
thing applied to it.
I'm beginning to think that using:
div align=center
div id=container
This is some text
/div
/div
and a transitional DTD produces something which has less lines of code,
contains no hack, and the centring cascades down the line to the
container contents. I've got to say it, this DOES seem a much more
'sensible' approach. I do realise that this must not get out of hand,
but a limited and (in my view) valid case such as this is justification
for the occasional 'hybrid' approach. So, I'm not asking for a kind of
'permission' to do this (I can make my own mind up about that :-), but I
am asking if, in your view, there are any really important reasons not
to, and to assess your thoughts/responses.
In other words, using that conditional comment makes the code validate
strict, but only because the validator ignores it, so that could be
considered 'cheating'. So why not be honest about it, and admit the
cheating by using the align=center div for all browsers? As far as I
know, there isn't an alternative for IE?
Thank you!
Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
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] best practice?
Hello Bob, This might help you for layout positionning : http://www.bluerobot.com/ http://glish.com/css/ Hugues Brunelle Concepteur graphique // ECHO tridimension 2139 rue Masson Montral QC H2H 1A8 1-(514)5211360 [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] best practice?
Hey Everyone,
I think this is correct. What happens is that if you don't set a width,
it defaults to 'auto'. In that case you have a left margin, right
margin, and width all with 'auto' values. This forces the left margin
value to become 0 and the right margin value to be ignored. I think.
The spec is a little confusing.
I guess you can't center a fluid width element. Does anyone know of a way?
-Mike
Matt Thommes wrote:
As far as I know, setting the left and right margins to auto only
works if an explicit width is also set.
If a width is not set for the element that has the auto margins, you
will not get the centered effect.
I'm not really sure why this is the case, but I've never really had a
problem with it.
So, maybe try:
#container {
margin-left : auto;
margin-right : auto;
width: 750px;
}
-Matthom
http://www.matthom.com/
On 4/28/05, designer [EMAIL PROTECTED] wrote:
Firstly, let me say that I have been doing standards only since last
September, so am very much a novice. I have upgraded 5 or so sites to be
XHTML/CSS etc, and got them to validate as STRICT, so I am happy that 'I can
do it', as far as it goes.
I have learnt quite a lot (in fact, it seems a helluva lot :-) and picked up
sufficient tips etc to be able to sit down and code without thinking about
it. (too much, anyway :-)
So having filled in the background, I'll tell you why I think I'm going to
be 'naughty'.
Most of my designs have a container, 600px-750px wide, which I like to
center horizontally, at least. So I've been doing the :
#container {
margin-left : auto;
margin-right : auto;
}
Thing. The point is, this doesn't work in IE, and as IE is very important
(like it or not), I've been doing the conditional comment hack:
!--[if IE] div align=center ![endif]--
div id=container
This is some text
/div
!--[if IE] /div ![endif]--
Ok, but the centring doesn't cascade (except in IE) so, anything that goes
inside the container has to have the left and right margin:auto thing
applied to it.
I'm beginning to think that using:
div align=center
div id=container
This is some text
/div
/div
and a transitional DTD produces something which has less lines of code,
contains no hack, and the centring cascades down the line to the container
contents. I've got to say it, this DOES seem a much more 'sensible'
approach. I do realise that this must not get out of hand, but a limited
and (in my view) valid case such as this is justification for the occasional
'hybrid' approach. So, I'm not asking for a kind of 'permission' to do this
(I can make my own mind up about that :-), but I am asking if, in your view,
there are any really important reasons not to, and to assess your
thoughts/responses.
In other words, using that conditional comment makes the code validate
strict, but only because the validator ignores it, so that could be
considered 'cheating'. So why not be honest about it, and admit the cheating
by using the align=center div for all browsers? As far as I know, there
isn't an alternative for IE?
Thank you!
Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
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] best practice?
On 28 apr 2005, at 22.04, designer wrote: Thing. The point is, this doesn't work in IE IE6 in standards mode does, actually. But you need to give the element you want to centre an explicit width. See Centring (centering) in this document: http://www.456bereastreet.com/archive/200503/ css_tips_and_tricks_part_2/ /Roger -- http://www.456bereastreet.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] best practice?
This works well...
body {
text-align: center;
}
#container {
margin: 0 auto;
text-align: left;
}
But so does this...
#container {
position: absolute;
top: 0;
left: 50%;
width: 60em;
margin-left: 0 0 0 -30em;
}
--
Chris Knowles
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] The list border-left (borderLeft) example (Sydney meeting)
Hi all
Those at last nights Sydney meeting would have seen Richard's
excellent JS presentation (only slightly thwarted by a screen that
decided when the next slide should be shown.)
The section on using borders instead of pipes | in list navigation
shows how CSS can be used to visually provide the same feedback as the
pipe but leave the structure of the document untouched.
My question last night was about this as an alternative:
On screen:
Marvin | Ford | Late, as in the late dentarthurdent | Zarquon
Markup:
ul
liMarvin/li
liFord/li
liLate, as in the late dentarthurdent/li
li class=lastitemZarquon/li
/ul
CSS:
ul li
{
float : left; /* get them floating horizontally */
border-right : 1px solid #000;
/* whatever presentational styles you want */
}
ul li.lastitem
{
float : none; /* don't float the last one so the ul is filled out */
border: none;
}
It seems to me that this is a better, cleaner alternative than using
JS to traverse the document tree and remove the borders after the
document has loaded. The class is being described as to what it does,
it works with no styles, it doesn't rely on JS being present.
The only query last night was the loss of semantics... but maybe that
needs a clearer explanation for me.. it seems that the list is still a
list whether it has a class on the end or not?
Also, the example last night used display : inline; which will cause
styled lists to break in the middle of text if they travel past the
end of the containing box width. It's better to keep them as blocks
and float them, then the list items that wrap end up completely on
the next line (and they can have lots more styles). Remember, inline
items can't contain block items.
Cheers
James
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] Multimedia Victoria (Australia) website
It's been a while since I've posted to the group, but I just couldn't help voicing my disappointment in regards to the new Multimedia Victoria (Australia) website http://www.mmv.vic.gov.au/ I can't believe a State Government site dedicated to the advancement of the ICT industry in Victoria could be so inaccessible. Luke Moulton GO4 Multimedia http://www.go4.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] The list border-left (borderLeft) example (Sydney meeting)
The section on using borders instead of pipes | in list navigation shows how CSS can be used to visually provide the same feedback as the pipe but leave the structure of the document untouched. Yes, I've learned this trick some time ago. My question last night was about this as an alternative: [...] The only query last night was the loss of semantics... Well maybe it'd be better to use :last-child pseudosetector (if it were supported) to avoid marking the last child as last by a class (it's redundant from a logical point of view; and the last element may change from time to time) -- 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] Multimedia Victoria (Australia) website
The root of the problem Luke is they're using a pretty poor CMS eg: the first few lines of each page are: !-- This line (a comment) is used to throw IE into quirks mode which allows the komodo admin menu to float. This comment MUST reside above the document type declaration! -- !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd; !-- ++ | Komodo CMS Pty Ltd 2002. | ++ | Developed By: Komodo CMS Pty Ltd | || | Address: 113 Ferrars Street | | Southbank | | Victoria 3006 | | Australia | || | Telephone: +61 3 9696 9597| | Facsimile: +61 3 9690 0092| || | Email: [EMAIL PROTECTED] | | WWW: http://www.komodocms.com | || ++ -- -- Neerav Bhatt http://www.bhatt.id.au Need a Sydney based web standards contractor? You need my services. Recent projects for Glassonion, Freshweb, Cogentis, Ceneka ... http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://bookcrossing.com/referral/neerav Luke Moulton wrote: It's been a while since I've posted to the group, but I just couldn't help voicing my disappointment in regards to the new Multimedia Victoria (Australia) website http://www.mmv.vic.gov.au/ I can't believe a State Government site dedicated to the advancement of the ICT industry in Victoria could be so inaccessible. Luke Moulton GO4 Multimedia http://www.go4.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 **
[WSG] A new web standards book has hit the shelves
For those interested, a new web standards book has just hit the shelves: Web Standards Design Guide by Kevin Ruse KEY FEATURES: * Provides a comprehensive, easy-to-read guide to using the essential Web standards, including XML, CSS, Accessibility, xForms, and xLink * Explains where standards come from how to use them and why * Teaches designers why they should work within standards, which ones concern them, how to use them, and how to convert existing code * Details the future of the Web and how designers can prepare for it * Includes a companion CD-ROM with tutorial files, useful Web software, and all figures from the book http://www.amazon.com/exec/obidos/ASIN/1584503874/qid=1114741725/sr=2-1/ref= pd_bbs_b_2_1/104-0618887-4144762 Thanks Russ ** 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] site check please - Rowing History
On Wed, 27 Apr 2005 23:29:27 -0400, Hope Stewart [EMAIL PROTECTED] wrote: [...] So, I'd be very interested hear your comments. http://www.rowinghistory-aus.info/world-u23-championships/index.html Quick look in XP_SP2 at 1280 in Opera8.0 of the above page only: Seems fine on this end, although I can't for the life of me figure out what the bw image is that appears to be a grasshopper? Regards, Hope Stewart Regards, ~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] site check please - Rowing History
Seems fine on this end, although I can't for the life of me figure out what the bw image is that appears to be a grasshopper? Haha - It's a grasshopper wearing a jail bird stripy outfit- haha.. Actually, looks like people rowing - like they're supposed to be in motion. ( I think) -David ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE extra space; background not showing up; odd links
Hello! I don't know why, but I'm having a time with my design in IE. Firefox and Netscape have no problem. The idea is that the content area would be flush top with the bottom of the background. There is a big space in IE. Also, in IE, I can't get the background to show on the aboutamy page. And the navbar is all flukey, with the links pointing to the root. http://www.amyarver.com/home.shtml http://www.amyarver.com/aboutamy.shtml http://www.amyarver.com/css/styles.css Thanks for any insight you may have to offer. White Ash [EMAIL PROTECTED] www.White-Ash.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] BIIIIIIIG white space in Firefox not IE6
Can anyone see where Ive got this wrong please? In Firefox1.0, the content in the body aligns below the image in the left column. At first I thought it was a width issue Id made the content too wide for the size of the div, but thats not the case. No matter how wide I set the screen (and Ive just recently been able to set it to 1600!! Brag brag) it still aligns below the lowest content on the left. Ive tried everything I can think of, but Im obviously unable to think of the proper solution.Can anyone help please? The page in question is at http://atalkingdog.com/goArticle.cfm?pid=11 (and yes, thats me so no personal comments!) Cheers Mike Kear Windsor, NSW, Australia http://afpwebworks.com .com, .net, .org etc domains start at A$20 / year Full scale ColdfusionMX hosting from $15/month. -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/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] site check please - Rowing History
On 29/4/05 1:30 PM, David [EMAIL PROTECTED] wrote: Seems fine on this end, although I can't for the life of me figure out what the bw image is that appears to be a grasshopper? Haha - It's a grasshopper wearing a jail bird stripy outfit- haha.. Actually, looks like people rowing - like they're supposed to be in motion. ( I think) It's part of the sponsor's banner that I have no control over. David is correct. It's an aerial view of two people in stripy singlets rowing. If you are really keen :-) you can have a look at a larger version of the image at the sponsor's site: http://www.sykes.com.au/_home.asp which I will quickly add I have never had anything to do with. I need to email their web developer to encourage him in the nicest way possible to look into web standards (trying to bring this thread back on topic) or at least to test the site in browsers other than just IE/win. It does not work (ie no menu bar -- a fairly critical item) in Firefox/win/mac and Safari. It does work in IE6/win and Opera/mac. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
