Re: [WSG] Hanging indents
Hello Rob, facing the great problem of trying to make the screen look like print. Good point. I had that issue with a site I recently made. The client wanted every entry to "look" like it did in print. For example, the print version used uppercase headings. The client was adding this content to the site, and making the headings uppercase (which were not the style of the site). I suggested that I could make a style to make the headings uppercase without actually making them uppercase. I also noted that unlike the Word version, these are real headings so it should be better if anything. But my client said that wouldn't fly. The entries were legal documents and "had to be exact." I argued the point a bit, but I'm not a lawyer, so I gave up. Cheers. Mike *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Hanging indents
> The document could be made available for download as a PDF and also RTF (for > accessibility purposes). Joe Clark pulled me up on this, and after checking into it, it is something of a myth that RTF is good for accessibility. RTF has no structure and (if I remember correctly) no means of including alt text. A PDF could be done accessibly, as could a word doc (Andrew Kirkpatrick posted on this recently: http://blogs.adobe.com/accessibility/2008/03/reference_card_for_accessible.html), but RTF is only good if you want plain text. Every OS includes something that can open word (<=2003) docs, at least as well as an RTF equivalent would do. It is akin to a universality vs accessibility arguement, except that .doc is pretty much as universal these days. Cheers, - Alastair *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Hanging indents
Elizabeth I believe the solution Mike came up with to be a sound one. However maybe you should step back and think why this should be a web page at all. You are facing the great problem of trying to make the screen look like print. Something which drives most of us up the wall at some point. The document could be made available for download as a PDF and also RTF (for accessibility purposes). It is unlikely that your client want to have the content spidered for search engine purposes. It also makes the site more maintainable. A change to the document doesn't need to have skilled HTML work carried out on the site. remember you've also got the print style sheets to contend with. This approach also means that the document will always appear the way they intend, irrespective of screen width etc. just my two penny worth.. -- Regards - Rob Raising web standards : http://ele.vation.co.uk Linking in with others: http://linkedin.com/in/robkirton On 21/03/2008, Elizabeth Spiegel <[EMAIL PROTECTED]> wrote: > > Hi all > > I'm developing a site for a non-profit organisation and one page is their > constitution. I'm trying to get the clauses to appear with a hanging > indent > as they currently do in the word version: > > http://www.dra.org.au/files/QTI5QDJCKU/DRA-Constitution-Amended-10Feb07%20(6 > 7%20KB).doc. I thought I'd achieved it using a float - see > www.spiegelweb.com.au/test/dra/constitution_float.html - then looked at it > in IE 6 and started tearing my hair out. > > I then tried a different approach using white-space: pre; > www.spiegelweb.com.au/test/dra/constitution.html. I don't like this as it > relies on multiple spaces and I suspect that it will stop lining up as > soon > as fonts other than the default are used. > > Suggestions anyone? (Note that I can't change the numbering scheme.) > > Elizabeth Spiegel > Web editing > > 0409 986 158 > GPO Box 729, Hobart TAS 7001 > www.spiegelweb.com.au > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Hanging indents
Perhaps you could try nested lists. On Fri, March 21, 2008 1:56 am, Elizabeth Spiegel wrote: > Hi all > > I'm developing a site for a non-profit organisation and one page is their > constitution. I'm trying to get the clauses to appear with a hanging > indent > as they currently do in the word version: > http://www.dra.org.au/files/QTI5QDJCKU/DRA-Constitution-Amended-10Feb07%20(6 > 7%20KB).doc. I thought I'd achieved it using a float - see > www.spiegelweb.com.au/test/dra/constitution_float.html - then looked at it > in IE 6 and started tearing my hair out. > > I then tried a different approach using white-space: pre; > www.spiegelweb.com.au/test/dra/constitution.html. I don't like this as it > relies on multiple spaces and I suspect that it will stop lining up as > soon > as fonts other than the default are used. > > Suggestions anyone? (Note that I can't change the numbering scheme.) > > Elizabeth Spiegel > Web editing > > 0409 986 158 > GPO Box 729, Hobart TAS 7001 > www.spiegelweb.com.au > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Hanging indents
Hi Elizabeth, I'm trying to get the clauses to appear with a hanging indent Try adding a div to the body of content you want this treatment in (saving on a lot of p.classes and extraneous markup), then put this in the CSS. div.clauses p { margin-left : 50px; text-indent : -40px; } The margin will create a nice gap for the indents, the neg margin should make what you want, first line only. The difference in measurement keep the indent from hitting the wall so to speak, but this could also be accomplished by adding padding to the div. div.clauses { padding : 10px; } div.clauses p { margin-left : 40px; text-indent : -40px; } Someone might say it's a job for an ordered list, but the complex numbers make that impossible, moreover, these items are numbered, this is true, but not really ordered. in IE 6 and started tearing my hair out. Well, we can't have that so I hope this helps. Cheers, Mike Cherim http://green-beast.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Hanging indents
Hi all I'm developing a site for a non-profit organisation and one page is their constitution. I'm trying to get the clauses to appear with a hanging indent as they currently do in the word version: http://www.dra.org.au/files/QTI5QDJCKU/DRA-Constitution-Amended-10Feb07%20(6 7%20KB).doc. I thought I'd achieved it using a float - see www.spiegelweb.com.au/test/dra/constitution_float.html - then looked at it in IE 6 and started tearing my hair out. I then tried a different approach using white-space: pre; www.spiegelweb.com.au/test/dra/constitution.html. I don't like this as it relies on multiple spaces and I suspect that it will stop lining up as soon as fonts other than the default are used. Suggestions anyone? (Note that I can't change the numbering scheme.) Elizabeth Spiegel Web editing 0409 986 158 GPO Box 729, Hobart TAS 7001 www.spiegelweb.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***<>