Re: [WSG] Footer Problem IE5.x
Hi Nick, I guess I was hoping to fix the problem(s), rather than just rely on a hack. Other suggestions appreciated. So use a Conditional Comment - ? 2. If I don't include a dreaded hack in my css (which I'd really like to remove because my style sheet doesn't validate) Sarah -- XERT Communications http://www.xert.com.au/ web design development Geofeat International http://geofeat.com/ all things green, eco-friendly organic The Virtual Collective http://geofeat.com/tvc/ join today help create one world one humanity *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Footer Problem IE5.x
Hi Jermayn, Just a quick question. Why we still coding/ hacking for IE5??? Good point. It's just that the site works very well in IE5.5 *except* for this problem - which, by the way, I've just about fixed. Also, my website browser stats have IE5.x at about 2% - not much I know, but when you also consider Opera, IE5 Mac and Safari also share 1-2% of my audience each, then, by looking after this bunch I'm satisfying roughly 6-8% of my audience. Thanks Sarah -- XERT Communications http://www.xert.com.au/ web design development Geofeat International http://geofeat.com/ all things green, eco-friendly organic The Virtual Collective http://geofeat.com/tvc/ join today help create one world one humanity *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Form drop-downs for countries
Hi folks, Just wondering what you think about form usability scenarios for drop-downs for countries. I currently maintain a database of countries which is displayed alphabetically in a form drop-down. To save the user having to scroll, I'm considering repeating common countries at the top of the drop-down (as I've seen in use elsewhere), but I'm not sure how accessible that would be. Alternatively, I'm thinking of defaulting to USA - the site I'm working on has an international focus. I would prefer not to use javascript. Thanks Sarah -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Copyright Query
Hi all, Just wondering what the general consensus is on the following website copyright issue. I have a client who has paid for a website (and more recently a major redesign of the same site). We have just discovered that he has been giving the code to his international distributors, and the exact same XHTML/CSS and, in 90% of cases, content and images, have been reproduced (ie only minor modifications to the shop component and contact details). At the time of his signing our website contract, it was stated that the website was for his direct use only. I'd be interested to know if anyone has had this situation occur, and if so what you have done (if anything) about it. I have also noticed that our design and development credits have been removed on these duplicate sites. Thanks Sarah -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Copyright Query
More to the point however, this isn't really web standards related. My apologies to everyone :( I must admit that (on this occasion) I didn't think before posting. Many thanks, however, for replies on and off list. If there is any further feedback please email me privately. Sarah -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Two CSS Problems
Hi all, Can anyone please help with the following problems (in WIN IE6 7): 1. How to get a link background image (used as an underline) to continue over two or more lines? Example http://geofeat.com/ - RHS Latest News links 2. Why the footer at the bottom of this page jumps when hovering over the *Manage Listing* link (just above the back to *TOP* link), and how to fix this? Example http://geofeat.com/directory/house_home/bed_bath_table/ sheets_pillow_cases/40613/ Many thanks Sarah -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Trouble with H3 float
One more question please... When I resize http://geofeat.com/ to 800x600 the H3 heading *Featured Advertisers* (third heading on page content) floats right. I have tried all sorts of css to fix this but end up with more problems (specifically to do with excess top/bottom margins in the heading etc). Any help greatly received :( -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Two CSS Problems
Hey Ross In response to question 1 this is something that can't really be fixed in IE6/7 due to how they measure the bounding box of a link. Thanks for your reply - I thought this may be the case - bummer! Oh well, the joys of IE! Thanks Sarah -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Trouble with H3 float
Hi Christian Ian,
I haven't looked at the code of the site properly so forgive me if
this doesn't work...
You can apply the CSS property
{
clear: both
}
to the H3 heading.
I have tried the clear: both; and clear: left; options.
But I get a margin problem which differs across browsers (IE versus FF).
Placing a margin: 0; doesn't appear to help.
Can you please enlighten me?
Thank you
Sarah
--
XERT Communications
email: [EMAIL PROTECTED]
mobile: 0438 017 416
http://www.xert.com.au/
web development : digital imaging : dvd production
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] New Project - Feedback Appreciated
Hi all, We have recently unveiled a new project on all things green, eco-friendly and organic: http://geofeat.com/ I would really appreciate feedback on issues related to standards, usability and accessibility. This is an ongoing project, and there are a number of things I have yet to implement (such as page specific css validation links - in footer). If you see any glaring mistakes, even small ones, or have general suggestions for improvement please let me know. For those who have the time, I would also really appreciate your comments on how you enjoyed using the site etc (perhaps you could email me offlist). Many thanks Sarah :) -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Employee Hierarchy in CSS
Hi all
I need to display images, names and job titles for employees in a
company, and am looking to use Russ's tutorial
http://css.maxdesign.com.au/floatutorial/tutorial0407.htm instead of a
table layout.
The problem is that there are gaps in the groupings. I have added a new
style thumbnail2 and left it blank to allow for the kind of gaps I'm
after. However having an empty div may not be the most elegant
solution.
Does anyone have any suggestions please?
I have modified Russ's code below to demonstrate what I mean.
CSS
---
.thumbnail, .thumbnail2
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}
.thumbnail2 {
border: none;
padding: 6px;
}
.clearboth { clear: both; }
HTML
div class=thumbnail
img src=images/image.gif alt= width=60 height=60br
Caption
/div
div class=thumbnail2
/div
div class=thumbnail
img src=images/image.gif alt= width=60 height=60br
Caption
/div
br class=clearboth
div class=thumbnail
img src=images/image.gif alt= width=60 height=60br
Caption
/div
div class=thumbnail
img src=images/image.gif alt= width=60 height=60br
Caption
/div
div class=thumbnail
img src=images/image.gif alt= width=60 height=60br
Caption
/div
---
Many thanks
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] Employee Hierarchy in CSS
Hi Seona Thanks so much for your reply. I think this may just do the trick. I'll get to work on the best option... Many thanks 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] Employee Hierarchy in CSS
Hi Jay Thanks for your reply. I have achieved a similar result, however what I really need is to be able to center the overall chart, and maintain columns despite gaps. I have included an example of what I am trying to achieve below - this one uses tables. Please note: I have *not* optimised the css. Also, I have only tested this on Mac OSX FF, Safari, Opera at this stage. I also have a screenshot at http://www.xert.com.au/chart/chart.pdf. HTML http://www.xert.com.au/chart/chart.html CSS http://www.xert.com.au/chart/global.css Many thanks 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] Employee Hierarchy in CSS
Hi Geoff That looks great. I like the idea of the background image, and I especially like the mugshot! :) See: http://www.virtualgeoff.com/misc/orgChart.html with background image: http://www.virtualgeoff.com/misc/orgChartB.html A couple of thoughts: 1. Would it be possible to center the chart within a fixed width design (eg http://www.xert.com.au/chart/chart.html) 2. When the font size is increased, the design should ideally *not* break the fixed width design. 3. If styles are switched off, it's a bit ugly having the background image sitting there. 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 **
[WSG] Keeping a table ordered
Hi all I have a group of retail outlets which I need to order alphabetically by location and still maintain row heights when there are differing amounts of content, eg: CANBERRAABC Company Email SYDNEY XYZ Company Address Ph Email I guess, at first glance this is best designed using a table. However, in order to keep the locations in alphabetical order as new locations are added, it gets a bit messy having to moving all the tds around. I've looked at floating columns, and definition lists, but can't seem to find a way to use either of them that degrades well when stylesheets are disabled. Also, using floating columns causes a problem with row alignment when there are different amounts of content in each list. Has anyone found a way to manage this? -- 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] Re: Multiple language usability query
(hence, out of curiosity, if someone would be kind enough to send me a screenshot of the file I posted earlier, that would be appreciated). I don't have a screen shot, because I have just installed the language pack, however I can confirm that my Win PC showed ?? where the text should have been. 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 **
[WSG] Multiple language usability query
Hi all I am new to multiple language sites. However, I have a client who has a small amount of text on one page of his site referring Japanese speaking users to a different (Japanese) site. Firefox and Safari on the Mac seem to have a default which allows the Japanese to be read. However, I noticed that good ol' Windows IE6 doesn't automatically render other languages and that its preferences needed to be changed etc. My question is this: Since most web users are using IE, and I imagine most IE browsers do not have multilingual capabilities enabled, then they would see gobbledegook. So... How do we overcome this in terms of usability? Is there a standard? Should I include (in English) a title and/or link above the Japanese text explaining how to render the text below, or explain, at the very least, that the strange characters below are in fact in another language? Thanks in advance 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] Multiple language usability query
Hi Philippe, Japanese (and other East-Asian) language support is installed by default on OS X. Not so on Windows side of things (it comes with the install discs as an extra package). I've been told that Firefox/Win tries to display the text nevertheless. Just as I thought. A little test file http://dev.l-c-n.com/_temp/j-test.php Thanks for the link - BTW I love your quote: Ce qui n'est pas invisble, n'a pas d'importance What about including the text both in Japanese and English ? Great, simple solution - should do the trick. 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] legend wierdness in IE
BTW I have found this article:
http://jeffcroft.com/blog/archives/2004/10/styling_fieldset_and_legend.
php which talks about an IE underscore hack using:
fieldset{position:relative} legend{position:relative;_top:-0.5em}
Does anyone recommend using this in light of IE7?
Thoughts, suggestions appreciated.
Sarah
Hi all
I have a simple example of part of a form in a fieldset with a legend,
which misbehaves in win IE6.
If anyone could shed some light on this I'd be very appreciative.
Basically, if I remove the legend all is well. But if I include it, IE
places extra background color above the border of the fieldset.
html http://www.xert.com.au/test/
css http://www.xert.com.au/test/admin.css
Thanks
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
**
[WSG] Valid alternative to textarea WRAP
Hi all
Just wondering if there is an altenative to textarea wrap=soft (for
e.g.) that validates.
I have come across the following:
textarea { overflow: auto; }
but there appear to be some problems with it.
Any other suggestions appreciated.
Thanks
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] Valid alternative to textarea WRAP
I'm modifying some of the Zen Cart code to ensure validation. The FF Tidy plugin gives a warning on the wrap attribute, and I'm hoping to do a find and replace to fix it. Sarah Peeke (XERT) wrote: Just wondering if there is an altenative to textarea wrap=soft (for e.g.) that validates. Just wondering why you need it. In which non-obsolete browser does the value soft have any effect upon rendering or submission? -- 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] hover div fill query
ivanovitch said:
I didn't think that the full-width div color would be so tricky.
Try using the following css:
div.input{border-top: 1px dotted #999;border-right: 1px dotted
#999;border-left: 1px dotted #999;}
div.item {padding: 0;border-bottom: 1px dotted #999;margin: 0px; width:
100%;}
div.item a:link {text-decoration: none; display: block;}
span.author {font-size: 1.2em;color: #f30;font-weight: bold;}
span.comment {font-size: 1.0em;color: #666;}
span.timestamp {font-size: 0.9em;color: #999;}
a:hover .author {color:#fff;}
a:hover .comment {color:#fff;}
a:hover .timestamp {color:#fff;}
a:link {text-decoration: none;padding: 5px;}
a:visited {text-decoration: none;}
a:hover {background: #fc3;color: #fff;}
Works well in FF Mac (haven't had time to x-check)
HTH
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] css title styles
Hi Andy Thank you for your input. Unfortunately the exact wording of the content (in this client's case) is legally required, and so the possibility of editing it, or the references, in any way is out of the question. I like the idea of linking back to the content once the reader has read the relevant footnote, but there are many instances when more than one footnote is attributed to a portion of the content (see example below). Also, the same footnote reference is referred to in different portions of the content. I also agree that a link says click me rather than hover over me for a few seconds. I guess I might just need to retain the sup[1]/sup with either a link to the reference in the footer (and *no* corresponding return link), or *no* link at all. Below is an example where there are two references to a sentence: --- pThere may be up to a 40% decline in CoQ10 blood levels and this deficiency may lead to decline in ejection fraction and functional status. Deficiency can be prevented by co-administration of 100 mg/day of CoQ10 leading to enhanced benefit through reduced oxidation of LDL cholesterol. sup[8]/sup, sup[17]/sup/p --- Best regards 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 **
[WSG] css title styles
Hi all I am trying to find a web standards compliant way of styling a title for a description of references within an article. Eg: sup title=Ernster L, Forsmark P amp; Nordenbrand K. (1992) The mode of action of lipid-soluble antioxidants in biological membranes. Relationship between the effects of ubiquinol and vitamin E as inhibitors of lipid peroxidation in submitochondrial particles. J Nutr Vitaminol Spec No:548-517/sup If I use the above example the full reference is obviously truncated as title has a predetermined maximum width. I have found a css/javascript example: http://www.devarticles.com/c/a/JavaScript/Creating-popup-notes-with-CSS -and-JavaScript-Part-II/2/ but it doesn't appear to work on any mac browsers (I haven't tried windows). Does anyone have any other ideas/suggestions? Presently the site has a link to the bottom of the page which lists all the references, which is OK, except that the reader loses their place when they return to the article. Thanks in advance, 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] css title styles
Dustin Thanks for your link - impressive titles! Just wondered, is it possible to have them degrade when javascript is disabled, so that at least in IE WIN (for eg) the user sees the normal title? At present, if I disable javascript in FF (mac) I don't get any titles at all. Regards 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] css title styles
Hi Josh Thanks very much for your reply. I should have mentioned that we will also be listing the entire references in the footer as well. I was just looking for a way to give the user immediate feedback about each reference, and thought the title may be useful. The problem with linking back and forth is that there are *so* many references on each page, sometimes two or three to each quote, so it gets a bit messy. Any other thoughts welcome. Sarah :) I honestly don't think this is the best solution for you, especially if you're doing academic papers. For two reasons: 1) because it's impossible to get titles to display in a normal browser without JavaScript, and; 2) if someone prints out your page they don't get any citations at all. Well, you CAN make it do that, but that either requires CSS IE doesn't support, or more JavaScript. IMO, the best way is to link to the footer and have a link back to an anchor from the footer, so: Some text I'm going to footnotea href=#fn1 id=fnbase1sup1/sup/a and then keep writing for a while. [...] ol li id=fn1Citation goes here. a href=#fnbase1uarr;/a/li /ol You could maybe hyperlink the entire citation, but that might cause problems if your citation is of a website. The obvious advantage of this is that it prints and requires no Javascript. hth, Josh -- 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 **
[WSG] Footer Navigation
Hi all, I am interested to know what you think of duplicating navigation in the footer of a page. I have a client who has requested it, but I do not, as a rule, include duplicate links - I seem to recall there were some accessibility issues with duplicate navigation links for screen readers. What are the pros and cons regarding usability vs accessibility? Is there a relevant standard I could quote here? Thanks in advance 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 **
[WSG] Use of asterisk in ALT
Hi all I recently stumbled across a site (sorry lost the reference now) that made reference to the fact that an asterisk should be used inside an ALT attribute (eg alt=*) when the image is only used for presentation purposes. Apparantly this is helpful for screen readers. Can anyone reaffirm this? I thought that an empty ALT attribute was preferrable. A search on Google seems to confirm the confusion. Thanks 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] Use of asterisk in ALT
Thank you for the update and link Patrick, that's good to know. It's an outdated piece of advice. Old screen readers did not cope with empty alts, so alt=* was suggested as a viable default: screen readers apparently didn't read that out on normal settings. However, nowadays the suggested practice is the null alt, alt= This issue no longer exists, so, as a strong recommendation and not a requirement, we encourage sites to switch to null or empty ALT text. http://www.rnib.org.uk/xpedio/groups/public/documents/PublicWebsite/ public_alttext.hcsp#P16_1774 (halfway down, under Layout images) -- 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 **
[WSG] Table versus 4 floated divs
Hi all I have a page at: http://www.xert.com.au/workshop/p77ji/ where I have used an isolated table to promote two products. Would it be better to use 4 floated div's here instead? I've not used that many in a row before... My css file is at: http://www.xert.com.au/workshop/p77ji/styles/home.css Thanks 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 **
[WSG] Body tag background color changes
Hi All Just wondering whether there was a way to include different body background colors (for different pages) within the same css file. For example #fff for page1.html, #ffc for page2.html etc. At present I have a separate style sheet for each page that requires a different background color. Thanks for any ideas... 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] Body tag background color changes
Thanks all for your lightning quick replies. I had tried some variation
of these, but must have got it wrong somewhere.
Much appreciated,
Sarah
G'day
Just wondering whether there was a way to include different body
background colors (for different pages) within the same css file.
For example #fff for page1.html, #ffc for page2.html etc.
If every page has to have a different background colour, you
could put an ID on the body element, then in your css:
body#homepage { background-color: #fff }
body#about-us { background-color; #ffc }
etc
with body id=homepage
and body id=about-us
etc
If there's a few different backgrounds but they are used on a
number of pages, use a class instead of id.
body.section1 { background-color: #ffc }
body.section2 { background-color: #fff }
etc
with body class=section1
and body class=section2
etc
Regards
**
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: Subject: Re: [WSG] Quirks mode vs Standards mode
Hi Georg Not any closer to a real benefit from the IE6 mode-change itself, which is what I'm looking for. I hope Sarah who started this thread have found something useful in it. Myself: I don't think IE6' two modes matter much, although I do find it easier to handle complex pages with IE6 in quirks mode and all the other browsers in real standard mode. Guess that's just me. :-) I have found the discussions very interesting. But, like you, I am still unclear which option is preferred by the majority. I have used both quirks and standards modes, but tend to use quirks mode more often now. I guess it's easier to stick with one and become familiar with its problems, than to change unnecessarily. I suppose I really just wanted to see what others were doing, and more importantly *why*. Perhaps a poll would be useful here? 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] Skip Navigation Visibility
OK, I have now enabled full keyboard access (system preferences), but when I use the tab key in both sites listed below nothing happens. It is only when I hover over the area where the navigation should appear that each link appears. For a compromise http://www.lionsq3.asn.au the tab key reveals the skip links. Very nice. I also like what Molly has done http://www.molly.com/ Use the tab key - 2nd tab Can anyone suggest what may be wrong with my set up as I imagine this is *not* what is meant to happen. The user would have to guess where these links are using the method I currently need to use! Sarah ** 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] Quirks mode vs Standards mode
Hi all, I am interested in people's thoughts about using quirks mode (ie adding ?xml version=1.0 encoding=utf-8? before the doctype) vs standards mode. What do most people use? Which option requires *less* css hacks, and is *more* standards compliant across the widest range of modern browsers? Appreciate any feedback. Thanks 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 **
[WSG] Skip Navigation Visibility
HI all I have just come across a css tip at http://www.htmldog.com/guides/htmladvanced/links/ which involves a css method to render the 'skip navigation' link invisible. My question is: Does anyone else use this method, or another similar technique? Many sites I have seen *retain this link's visibility* despite it being intended (AFAIK) primarily for screen readers. Thanks 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] Skip Navigation Visibility
Thank you Thierry, Lisa and Russ. Great points - I am new to accessibility, but your replies make great sense. Cheers Sarah :) ** 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] Skip Navigation Visibility
Hi Rob For a compromise http://www.lionsq3.asn.au the tab key reveals the skip links. I have tried pressing the tab key, but the skip menu does not appear. Am I doing something wrong here? Am using a mac, if that makes any difference. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Style part of form field
Hi Juergen Thanks for your reply. I am not familiar with this specification. Can you point me to a link or other info on this? you would need an own specification !ELEMENT option (#PCDATA | span)* then this would work. But not with the official things. Instead you may use some unicode-characters instead of photos. The version 2.1 is shown in all browsers, which are not too old, higher versions may be not work. BTW the element within the option tags span(with photo)/span is just some text - could be anything. Thanks -- 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] Style part of form field
Hi Ted I saw a reference to styling optgroup within an option list on one of the resources. Try a google search for optgroup css. Thanks for this, but it's not exactly what I was looking for. The optgroup tag defines a group of options in a selectable list http://www.w3schools.com/wap/tag_optgroup.asp. I was hoping to define an element *within* an option tag: optionsome text span class=new-definitionsome other text/span/option Thanks anyway :) -- 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 **
[WSG] Style part of form field
Hi all I would like to be able to give a different style to *part* of an option field within a form. I cannot seem to find any reference to whether the following is possible: form select option value=somethingName span(with photo)/span/option option value=somethingName span(with photo)/span/option option value=somethingName span(with photo)/span/option /select /form Ideally the words within the span tags would be styled differently to those outside. Can anyone shed any light on this please? -- 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] Color LCD Monitors vs traditional Monitors
I recently attended a workshop on this very issue. 1. I now calibrate all my monitors (PC and Mac, LCD and CRT) at least once a month using Eye-One Display. 2. I have also changed my Macs to gamma 2.2 (rather than the obsolete 1.8) in line with PCs. These are the two main changes, and have made a big difference. I can now obtain roughly the same output on all monitors. It is important to note that most monitors (especially LCDs) age very quickly. The older the monitor the harder it is to keep it calibrated. Some people recommend changing LCDs every three years - but that can get very expensive! 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] Color LCD Monitors vs traditional Monitors
Hi David Cool. Did the workshop you attended offer any suggestions on how everyone else in the world can obtain the same output on their monitors as you have on yours? The two methods I listed (below) will go a long way towards addressing this. The Eye-One Display is very easy to use (check out this link: http://www.gretagmacbeth.com/index/products/products_color-mgmt-spec/products_cm-for-creatives/ products_eye-one-display.htm), and the second point is a simple adjustment in system prefs. 1. I now calibrate all my monitors (PC and Mac, LCD and CRT) at least once a month using Eye-One Display. 2. I have also changed my Macs to gamma 2.2 (rather than the obsolete 1.8) in line with PCs. These are the two main changes, and have made a big difference. I can now obtain roughly the same output on all monitors. 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] Standards compliant site, clients wants to make updates themselves
Hi Bert The people I am trying to help want simple buttons to format text on static pages, not learn a new language (otherwise I'd teach them HTML). I haven't used this, but looked into it a while back, but it might provide a solution for some of your clients. Visit http://www.flyspeck.net/. It doesn't use a database, has password protection and allows for multiple edit chunks per page. HTH 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] Standards compliant site, clients wants to make updates themselves
Hi Peter I am really interested in Textpattern, but like many others want to retain XHTML/CSS validation when clients make changes. Another enthusiastic endorsement of Textpattern. I've used it a number of times in scenarios where the client wants to update the site themselves (see www.fluidwav.com as an example). I've also used it to manage more complex sites, where static pages would just be way too difficult to maintain (www.digroup.ca). I am very limited when it comes to php, but textpattern allows me to exploit many of the server-side benefits of scripting without having to write a single line of code. I have just looked at both your sites (they're very impressive BTW), but there were some validation problems on the pages I looked at. Can you tell me whether the sites were XHTML/CSS valid when they went live? And if so, has the client's use of Textpattern thrown them out since? Thanks 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] standards for shopping carts
Hi Lisa Are there web standards for shopping carts? I'm looking for a secure cart. Perhaps this isn't the best list to post this question, but if there are standards regarding carts, you guys would certainly know! I use Zen Cart (it is written in XHTML 1.0, CSS) and is an excellent shoot off from OsCommerce. However it is still in its early stages. I understand v1.3 (due out soon) will pay more attention to separating content from presentation - unfortunately it still relies on tables :( That said, it is an excellent cart with even better support. It's written in php/mysql and is FREE (donations encouraged). I can only see good things coming from this team, and I know they're endeavouring to make the shopping cart more standards compliant. Visit: http://www.zen-cart.com/ for more info. -- 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] Redundant Code
Hi Mary Ann Seems as though everyone has pipped me to the post! I printed out your test site because I thought it was so very clean and attractive and I wanted to study your use of styles in creating it. You (and others) may be interested in the following links which have helped me with this layout: http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml http://www.alistapart.com/articles/customcorners/ http://css.maxdesign.com.au/floatutorial/tutorial0501.htm HTH 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] Redundant Code
Hi Russ
Thanks very much for your reply.
The most powerful way to achieve this (but not supported by IE) would be to
use adjacent sibling selectors so no classes were used at all. For example:
#subnav ul li, #subnav ul li + li { background: yellow; }
#subnav ul li + li + li, #subnav ul li + li + li + li { background: green; }
Good ol' IE - oh well, we can only hope IE7 is an improvement!
These could then be hidden with a CSS rule along the lines of:
..descriptive-only { position: absolute; left: -999px; width: 990px;}
Great idea.
I have subsequently used display: none; on the headers. Is this OK, or would
you recommend your
suggestion as being more standards-based?
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
**
[WSG] Redundant Code
Hello all I have a test site http://www.bureke.com.au/test/index.html which is valid XHTML/CSS. The style sheet is here: http://www.bureke.com.au/test/styles/global.css In order for it to work cross-platform (I have tested on Firefox, IE5, IE5.5, and IE6 on the PC, and Firefox, Safari and IE5.2 on the Mac) I have added all sorts of float and clear tags. My questions are these: 1. What is the best way to test for redundant code (other than removing code and testing on all browsers, line by line)? Can any of you 'float gurus' see any glaringly obvious redundancies? 2. I have used a modification of one of Russ' tutorials for the #header and #subnav - to float the menu elements left and right. Is there a cleaner way to achieve this other than to apply a class to *every* li tag? 3. Disabling styles in the browser provides three (3) separate lists comprising #header, #mainnav and #subnav *without* any explanation or visual hierarchy (obviously). Is there a better way of making it easier for someone without css (eg Netscape 4 users) or text readers etc to differentiate between these navigational elements? Thanks for any suggestions. 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] Redundant Code
Hi Siggy Thanks for your reply. ul liSub Heading 1 ul lia href=/Category 1/a/li lia href=/Category 2/a/li lia href=/Category 3/a/li lia href=/Category 4/a/li lia href=/Category 5/a/li lia href=/Category 6/a/li /ul /li liSub Heading 2/li liSub Heading 1/li /ul The change to the heirarchy above is great, but it doesn't help the #header, #mainnav and #subnav lists because there isn't a heading for these. If you look at the page with styles disabled you'll see what I mean. I have changed the list style as per your suggestion #2 - thanks, an obvious improvement. Sarah Test site http://www.bureke.com.au/test/index.html which is valid XHTML/CSS. The style sheet is here: http://www.bureke.com.au/test/styles/global.css -- 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] Redundant Code
Siggy See below: I think what you and I are both really waiting for is XHTML2; except we need to wait for browsers and W3C to adopt it :P http://www.w3.org/TR/xhtml2/mod-list.html#edef_list_nl nl labelContents /label li href=#introductionIntroduction/li li nl labelTerms/label li href=#mayMay/li li href=#mustMust/li li href=#shouldShould/li /nl /li li href=#conformanceConformance/li li href=#referencesReferences/li ... /nl Navigation Lists are just what I'm looking for. I've tested it in Firefox (mac) - all OK. I've styled the label tag to display:none; so that it only appears when/if users have styles disabled. BTW Where did you read that it is only available in XHTML2 ? Thanks again for your help. PS I'd also be interested in knowing what others think of this idea. I know using display:none; is not always desirable, but in this instance, where I have three separate navigational areas, it seems to help good ol' NN4 users etc to differentiate between the menus when style sheets are disabled. 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
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 **
[WSG] Form field validation query
Hi Folks Have a validation error (this link over *two* lines): http://www.htmlhelp.com/cgi-bin/validate.cgi?url=http%3A%2F%2Fwww.xert.org%2Fwarnings=yesspider= yeshidevalid=yes on this page of my site: http://www.xert.org/contact/index.php?formtype=personalsubmit=Display+Form I am using php to check user input and therefore require a value in the form fields (eg value=?php echo $newDate ?). Obviously, $newDate has a null value until a user enters one. So I get the following error: Error: there is no attribute value for this element (in this HTML version) Can anyone suggest a work around to this, or perhaps suggest what I'm doing wrong. Thanks in advance, and hope this is on topic. 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] IE img border padding error
Hi Bert Thanks for the suggestions. I'm not quite a CSS expert, but I'm not sure that images, being replaced elements can officially have padding, since padding goes inside the element I am following, to some degree, Russ' tutorial: http://css.maxdesign.com.au/floatutorial/tutorial0208.htm So it is possible to style an image to have padding and a border. Just not sure why my version isn't working in IE Win. Any other thoughts welcome. Thanks 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] IE img border padding error
Hi again
I am following, to some degree, Russ' tutorial:
http://css.maxdesign.com.au/floatutorial/tutorial0208.htm
So it is possible to style an image to have padding and a border.
I don't see image padding mentioned, at least not on that page.
The CSS code on Russ' tutorial highlights the padding as per below:
.floatright
{
float: right;
width: 102px;
margin: 0 0 10px 10px;
background-color: #ddd;
padding: 10px; /* This line uses the padding */
border: 1px solid #666;
}
Could be that IE doesn't support it padding on images.
I have used Russ' technique here: http://www.xert.org/ and it works well in
IE Win.
Still a mystery to me why it won't work here:
http://www.xert.com.au/workshop/pbyron628/
Thanks
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] IE img border padding error
Hi Charlie RE: http://www.xert.com.au/workshop/pbyron628/ Just have time for a quick glance, but I think it looks nice, it validates, and it doesn't have unintelligible markup so my screen reader doesn't struggle with it. Just to make sure, you're not going to keep the Heading Two, Heading Three, etc. right? Because in my screen reader it says Heading Two Heading Two and Heading Two Heading Three, respectively. Otherwise I think it's good! You're right the headings (and paragraph text) are just temporary. Thanks for the feedback though, as I have not done much testing with screen readers. 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 **
[WSG] IE img border padding error
Hi all Was wondering if someone has some time to check out this *in progress* page I'm working on: http://www.xert.com.au/workshop/pbyron628/ I have validated the XHTML and CSS and it appears to be OK on Firefox, Safari, NS 7.0, Opera 7.5, IE Mac 5.2.3, but NOT in IE Win 6. The problem is that the 5px padding around the images does not show in IE Win 6.0. Not sure how it looks in IE Win 5.5. Any ideas etc greatly appreciated. -- 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] Online browser XTHML editor
I've found a half way measure at: http://www.flyspeck.net which does not require a CMS in place, but it doesn't appear to handle XHTML. Can anyone tell me how much of an issue this would be if the client is only updating paragraphs of text, an image upload - simple stuff? There is some degree of control over Flyspeck's editable areas (ref: http://www.flyspeck.net/technical_info/more_control.php ) Thanks for all the other suggestions which I'm looking into too. Sarah I use www.editize.com extensively on all my projects for client admin area, but yes...it's a java plugin, and it's not completely free. Patrick Sarah Peeke (XERT) wrote: Hi all Can anyone recommend a browser based editor (preferably written in PHP) that will allow clients to update code themselves, but that outputs standards compliant XHTML? I am not interested in a full CMS, this is just for updating page snippets etc. I have come across WYSIWYG Pro which looks good. Thanks Sarah -- _ 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/ 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 ** -- XERT Communications email: [EMAIL PROTECTED] phone: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au | web design | digital imaging | corporate logos | http://www.bureke.com.au | consultancy | e-commerce | usability reports | ** 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 **
[WSG] Online browser XTHML editor
Hi all Can anyone recommend a browser based editor (preferably written in PHP) that will allow clients to update code themselves, but that outputs standards compliant XHTML? I am not interested in a full CMS, this is just for updating page snippets etc. I have come across WYSIWYG Pro which looks good. Thanks Sarah -- XERT Communications email: [EMAIL PROTECTED] phone: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au | web design | digital imaging | corporate logos | http://www.bureke.com.au | consultancy | e-commerce | usability reports | ** 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] Online browser XTHML editor
Thanks Neerav. I think xstandard delivers XHTML 1.1 or strict. I'm using XHTML 1.0 transitional for most of my work. Any other ideas? http://www.xstandard.com/ -- Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy Mobile: +61 (0)403 8000 27 http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav Sarah Peeke (XERT) wrote: Hi all Can anyone recommend a browser based editor (preferably written in PHP) that will allow clients to update code themselves, but that outputs standards compliant XHTML? I am not interested in a full CMS, this is just for updating page snippets etc. I have come across WYSIWYG Pro which looks good. Thanks Sarah ** 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 ** -- XERT Communications email: [EMAIL PROTECTED] phone: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au | web design | digital imaging | corporate logos | http://www.bureke.com.au | consultancy | e-commerce | usability reports | ** 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] Online browser XTHML editor
For anyone following this thread I've found a list here (nothing suitable so far though): http://www.bris.ac.uk/is/projects/cms/ttw/ttw.html Sarah Hi Sarah You could try this project at Mozdev.org - it's cross browser/platform (Mac, Linux, Win32 - anything that runs Mozilla). http://mozile.mozdev.org/ I had a go at it a few months ago, not sure how it would integrate with a data store. Probably just a matter of POSTing content to a server side script. Mozdev also provides a list in the Editing Tools category: http://www.mozdev.org/categories/editing.html cuneaform is quite interesting from the looks of it. If you are running something on a client machine then PHP will not work (it's a server side script) unless you have the PHP interpeter installed somehow in your browser (http://mozphp.mozdev.org/, http://www.thomas-schilz.de/MozPHP/) :D. HTH Cheers James Sarah Peeke (XERT) wrote: Hi all Can anyone recommend a browser based editor (preferably written in PHP) that will allow clients to update code themselves, but that outputs standards compliant XHTML? I am not interested in a full CMS, this is just for updating page snippets etc. I have come across WYSIWYG Pro which looks good. Thanks Sarah ** 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 ** -- XERT Communications email: [EMAIL PROTECTED] phone: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au | web design | digital imaging | corporate logos | http://www.bureke.com.au | consultancy | e-commerce | usability reports | ** 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] Site Check / Improvements
Title: RE: [WSG] Site Check / Improvements Hi Michael Thanks for the feedback. I have used ems for all text, except in the body tag, as I found that when I used it there, it looked great on a Mac, but on the PC (IE 5 and 6) the fonts were tiny. Interested to hear your recommendations (eg what is a good em size for the body tag), and why should there be such a contrast from one platform to another. Sarah Hi Sarah , Nice site. Just had a quick look and the only thing I picked was no-text re-sizing in IE6. Have you tried using ems. Michael From: Sarah Peeke (XERT) [EMAIL PROTECTED] Reply-To: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Subject: [WSG] Site Check / Improvements Date: Fri, 18 Jun 2004 11:50:09 +1000 I would appreciate feedback on the following (personal) site (please disregard previous posting): http://www.bureke.com.au/ (temporary address) The main CSS page is at: http://www.bureke.com.au/styles/global.css The site is valid XHTML 1.0 and CSS. I have checked on WIN IE 5.0 and 6, Safari 1.2.2 (Mac), Netscape 7.1 (Mac), IE 5.2 (Mac), Opera 7.5 (Mac), Firefox 0.8 (Mac). A couple of questions: 1. Is there a work around to prevent the left hand navigation from indenting in WIN IE 5.0 (I want to retain the border-bottom, but I think this is why the browser shows the links indented) ? I notice Eric Meyer's example ( http://css.maxdesign.com.au/listamatic/vertical06.htm also has the same quirk in IE 5.0). 2. In IE 5.0 the bottom of #content does not continue to the footer. Any ideas? 3. In both IE 5.0 and 6 there seems to be a padding-left problem with the #rightnav - ie too much space to the left. Any ideas? If someone can also check on WIN IE 5.5 and/or any other WIN browsers ??? Any other suggestions for improvements in layout, style sheet formatting, usability etc, would be gratefully received. I would like the site to also be more accessible - not a great strength of mine, any help here also appreciated. Thanks, Sarah * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * _ SEEK: Now with over 50,000 dream jobs! Click here: http://ninemsn.seek.com.au?hotmail * 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 Live
Hi all Just a quick update to say that http://www.xert.org/ is now live. Many thanks for all the feedback, both on and off line. Any other feedback regarding usability, standards, accessibility etc most welcome. Thanks! Sarah -- XERT Communications email: [EMAIL PROTECTED] http://www.xert.com.au - web design, digital imaging, corporate logos http://www.xert.org - Inspirational Works * 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 / Improvements
I would appreciate feedback on the following (personal) site (please disregard previous posting): http://www.bureke.com.au/ (temporary address) The main CSS page is at: http://www.bureke.com.au/styles/global.css The site is valid XHTML 1.0 and CSS. I have checked on WIN IE 5.0 and 6, Safari 1.2.2 (Mac), Netscape 7.1 (Mac), IE 5.2 (Mac), Opera 7.5 (Mac), Firefox 0.8 (Mac). A couple of questions: 1. Is there a work around to prevent the left hand navigation from indenting in WIN IE 5.0 (I want to retain the border-bottom, but I think this is why the browser shows the links indented) ? I notice Eric Meyer's example ( http://css.maxdesign.com.au/listamatic/vertical06.htm also has the same quirk in IE 5.0). 2. In IE 5.0 the bottom of #content does not continue to the footer. Any ideas? 3. In both IE 5.0 and 6 there seems to be a padding-left problem with the #rightnav - ie too much space to the left. Any ideas? If someone can also check on WIN IE 5.5 and/or any other WIN browsers ??? Any other suggestions for improvements in layout, style sheet formatting, usability etc, would be gratefully received. I would like the site to also be more accessible - not a great strength of mine, any help here also appreciated. Thanks, Sarah * 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] WIN IE 5.0 6 CSS quirks
Hi all, Long time member, very few posts, but have enjoyed reading all of yours, and am grateful for all the insights. Thanks also to Russ for his presentations which have got me out of numerous sticky situations! I would appreciate feedback on the following (personal) site: http://www.bureke.com.au/ (temporary address) The main CSS page is at: http://www.bureke.com.au/styles/global.css The site is valid XHTML 1.0 and CSS. There are a few quirks with WIN IE 5.0 and 6. (I have checked on Safari 1.2.2, Netscape 7.1, IE 5.2, Opera 7.5, Firefox 0.8 - all MAC versions). My queries are: 1. Is there a work around to prevent the left hand navigation from indenting in WIN IE 5.0 (I want to retain the border-bottom, but I think this is why the browser shows the links indented) ? I notice Eric Meyer's example ( http://css.maxdesign.com.au/listamatic/vertical06.htm also has the same quirk in IE 5.0). 2. The first H3 tag on some pages in IE 5.0 does not show any top padding (ref #content .boxcont) - eg http://www.bureke.com.au/astrology - heading Astro Verses. Can't work out why. Have tried to apply top margin/padding, but no luck. 3. On most pages (same page reference as 2. above) I have an image at the bottom which is either 422 or 348 px wide. It appears to be causing IE to create a break just above it. When I reduce the width of the image, the problem appears to go away. I don't understand why the images are too wide. Is there some explanation for this? 4. In IE 5.0 the bottom of #content does not continue to the footer. Any ideas? 5. In both IE 5.0 and 6 the position of the background image (right hand column) appears to be too narrow (ie left hand margin shows the white background through) - any ideas? If someone can also check on WIN IE 5.5 and/or any other WIN browsers ??? Any other suggestions for improvements in layout, style sheet formatting, usability etc, would be gratefully received. I would like the site to also be more accessible - not a great strength of mine, any help here also appreciated. Thanks, Sarah -- XERT Communications email: [EMAIL PROTECTED] phone: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au| web design | digital imaging | corporate logos | * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
