[WSG] problem mixing stucture and content
Consider the following lines of fake poetry: Class aptent taciti sociosqu ad litora torquent, per conubia nostra per inceptos hymenaeos. Now consider making a xml document out of it, where you had some elements for structure like |poem| and |line|; and some elements for content markup like |||q||| and others. So how would you format it? (Assuming keeping the quote and lines are both need to be the appropriate elements and style is not important, yet) |?xml version=1.0 encoding=utf-8? poem xmlns=http://some.name.space; lineClass aptent taciti sociosqu qad litora torquent,/line lineper conubia nostra/q per inceptos hymenaeos./line /poem| but it's not well formed, and neither or the alternatives are appropriate, both: |lineClass aptent taciti sociosqu qad litora torquent||,/q||/line line||q||per conubia nostra/q per inceptos hymenaeos./line | and |lineClass aptent taciti sociosqu||/line|| q|| line||ad litora torquent,/line lineper conubia nostra||/line|| /q ||line||per inceptos hymenaeos./line | won't do because they don't properly convey the data and would be almost impossible to style appropriatly as well. Of course in this situation you'd probably be better of ignoring the q's and just using quotation marks, but in my situation that's not really possible. I /have /to include both the strucutral markup and the content, any suggestions? Alan Trick ** 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] problem mixing stucture and content
On Tue, 29 Mar 2005 15:26:47 -0500, Alan Trick [EMAIL PROTECTED] wrote: Consider the following lines of fake poetry: Class aptent taciti sociosqu ad litora torquent, per conubia nostra per inceptos hymenaeos. Now consider making a xml document out of it, where you had some elements for structure like |poem| and |line|; and some elements for content markup like |||q||| and others. So how would you format it? (Assuming keeping the quote and lines are both need to be the appropriate elements and style is not important, yet) Fake the PRE element. It automatically tosses new lines on new lines, unlike the usual element. Also, inline elements can go multi-line in PRE. -- Cheers, Rob. http://zooibaai.nl | http://digital-proof.org | http://chancecube.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] divs don't align
I'm having trouble with http://www.outdoorinsights.com.au appears ok on IE on a pc but the left hand image is about 15px below on Safari and Camino. If I set the margin at -15px, it is ok on Safari Camino but moves up on IE. Any clues? Sampai berjumpa lagi Tony Lim [EMAIL PROTECTED] +61 2 44418668 ph +61 2 44418898 fax 0411052746 mobile P O Box 138 Huskisson NSW 2540 Level 1 51 Owen St Huskisson NSW ** 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] problem mixing stucture and content
But the whole point of it is to have the data properly formated in an xml document so I can do fun stuff with xsl and stylesheets :). Line breaks won't cut it. Alan Trick Rob Mientjes wrote: On Tue, 29 Mar 2005 15:26:47 -0500, Alan Trick [EMAIL PROTECTED] wrote: Consider the following lines of fake poetry: Class aptent taciti sociosqu ad litora torquent, per conubia nostra per inceptos hymenaeos. Now consider making a xml document out of it, where you had some elements for structure like poem and line; and some elements for content markup like q and others. So how would you format it? (Assuming keeping the quote and lines are both need to be the appropriate elements and style is not important, yet) Fake the PRE element. It automatically tosses new lines on new lines, unlike the usual element. Also, inline elements can go multi-line in PRE. ** 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] divs don't align
here's the quickest fix: on div#rhs h2, change margin-left: 201px; to margin:0 0 0 201px; It works on IE and Firefox/win, so it should work on Camino and probably Safari too. Alan Trick Tony Lim wrote: I'm having trouble with http://www.outdoorinsights.com.au appears ok on IE on a pc but the left hand image is about 15px below on Safari and Camino. If I set the margin at -15px, it is ok on Safari Camino but moves up on IE. Any clues? Sampai berjumpa lagi Tony Lim [EMAIL PROTECTED] +61 2 44418668 ph +61 2 44418898 fax 0411052746 mobile P O Box 138 Huskisson NSW 2540 Level 1 51 Owen St Huskisson NSW ** 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] problem mixing stucture and content
Perhaps this: code poemClass aptent taciti sociosqu qad litora torquent,lineend/lineend per conubia nostra/q per inceptos hymenaeos./poem /code Ben Alan Trick wrote: But the whole point of it is to have the data properly formated in an xml document so I can do fun stuff with xsl and stylesheets :). Line breaks won't cut it. Alan Trick Rob Mientjes wrote: On Tue, 29 Mar 2005 15:26:47 -0500, Alan Trick [EMAIL PROTECTED] wrote: Consider the following lines of fake poetry: Class aptent taciti sociosqu ad litora torquent, per conubia nostra per inceptos hymenaeos. Now consider making a xml document out of it, where you had some elements for structure like poem and line; and some elements for content markup like q and others. So how would you format it? (Assuming keeping the quote and lines are both need to be the appropriate elements and style is not important, yet) Fake the PRE element. It automatically tosses new lines on new lines, unlike the usual element. Also, inline elements can go multi-line in PRE. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Ben Hamilton mailto:[EMAIL PROTECTED] http://hamilton.id.au/?:-) Web site hosting: http://dynamicwebhosting.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] Peekaboo Bug giving problems
Hi Mike, I often find that simply adding position:relative to my style declarations for a problematic peekaboo element will take care of it. Worth a try. Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925.952.4365 (landline) | 925.914.0741 (cell) ** 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] {Spam?} css layout review request
As a start, try adding overflow:auto to the definitions of your container div. Then lets see whats going on after that. Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925.952.4365 (landline) | 925.914.0741 (cell) ** 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] absolute positioning in IE
Right now for the image in question you have: style=position: absolute; top:-5px; right:5px; In FF it appears as you would like it, but in IE it looks like it is a bit too close to the right edge, no? Try something like this: style=position: absolute; top:-5px; right:5px !important; right:10px; IE, since it ignores the !important declaration, will read 10px all other browsers will read 5. Worth a shot if you still need to fudge with the exact placement. Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925.952.4365 (landline) | 925.914.0741 (cell) ** 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] !important via script possible?
I'm pretty sure this isn't possible, but does anyone know if its possible to add the !important declaration to a style set with script, as in: document.getElementById(mydiv).style.height = hvar + px !important; Its fine in Gecko but not IE6... Any ideas? ** 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] !important via script possible?
I'm pretty sure this isn't possible, but does anyone know if its possible to add the !important declaration to a style set with script, as in: document.getElementById(mydiv).style.height = hvar + px !important; When would this ever be necessary? Do you have a test page we could look at? When you set an attribute of the style object, you are essentially declaring a new value that is last in the cascade. It should override anything else that is not set with !important. So if you are finding that you need to use !important in the scripting, I suspect you might find it easier to search back through the CSS and remove those !important declarations that you don't need. That said, you might have better luck using the IE runtimeStyle object instead for that browser. -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 ** 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] problem mixing stucture and content
Alan Trick wrote: I have to include both the strucutral markup and the content, any suggestions? As you probably suspect this is a more general issue, Eg, pa line of programming code: codesample line/p psample line continues/code/p If you want to keep an association the way around it is usually to share an id, pa line of programming code: code lineid=myidsample line/code/p pcode lineid=myidsample line continues/code/p or work around the problem by having a point in the document as a linebreak, Eg br/ to express a line break, pa line of programming code: codesample linebr /sample line continues/code/p Although br/ as a point in the document with a linebreak has fallen out of favour because it doesn't express the same structure that line.../line does (and isn't as easy to transform), it looks like the cleanest way. As your presentation is part of the content in this case (you seem to care a great deal about retaining the linebreak) it's appropriate to contain formatting and content in the same file. I'm not too familiar with it, but if you're getting into encoding text you might consider the TEI spec http://www.tei-c.org/. .Matthew Cruickshank http://holloway.co.nz/ ** 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] !important via script possible?
Rebecca Cox wrote: I'm pretty sure this isn't possible, but does anyone know if its possible to add the !important declaration to a style set with script, [...] Its fine in Gecko but not IE6... Any ideas? As just mentioned in the reply to another thread, IE ignores !important -- Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] problem mixing stucture and content
Consider the following lines of fake poetry: Class aptent taciti sociosqu ad litora torquent, per conubia nostra per inceptos hymenaeos. Now consider making a xml document out of it ... |?xml version=1.0 encoding=utf-8? poem xmlns=http://some.name.space; lineClass aptent taciti sociosqu qad litora torquent,/line lineper conubia nostra/q per inceptos hymenaeos./line /poem| but it's not well formed, and neither or the alternatives Allow me to pose this back to you: The display for these data is 13 characters wide. Do your line.../line content wrap? no = the fact that it is on one line is more important than being able to read it in its entirety (e.g., wrapping it would change the meaning, as in ASCII artwork) yes = the content is more important than the display, and the end of line more important than the fact that it is a single line. So, for your poetry example, I would encode it like so: poem stanza Class aptent taciti sociosqu qad litora torquent,br/per conubia nostra/q per inceptos hymenaeos. /stanza /poem br/ in this sense doesn't mean a line-break so much as it means end-of-line. If a quote did not terminate before the end of a stanza, then you self-close the quote; the next quote will be an open-quote at the beginning of the next stanza, anyway. -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 ** 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] !important via script possible?
A warning against using the !important declaration as a hack: see http://tantek.com/log/2004/09.html#d07t1434 here's an excerpt: IE (all platforms) supports !important, just go try the CSS1 Test Suite section 3.1 (http://www.w3.org/Style/CSS/Test/CSS1/current/sec31.htm) important test suite page for yourself. And if you check any of the CSS feature support charts out there, you'd see the same. There is however a kernel of a bug hidden in this tip: margin-top: 3.5em !important; margin-top: 2em So, the top margin will be set to 3.5em for all browsers except IE, which will have a top margin of 2em First, the reported problem only occurs for IE/Windows based browsers (i.e. IE5/Mac handles !important properly, including in this case. Another reason to question the article, as it appears the author doesn't distinguish between IE/Windows and IE/Mac rendering engine behavior, which can be quite different.) Second the problem actually has nothing to do with !important, but with the processing of multiple declarations of the same propertry in the same style rule. Similar problems result in IE/Windows if you try multiple declarations of the 'color' property for example with a CSS1 value followed by a CSS3 Color value that latter user agents support. hope this helps, -Grant Rebecca Cox wrote: I'm pretty sure this isn't possible, but does anyone know if its possible to add the !important declaration to a style set with script, [...] Its fine in Gecko but not IE6... Any ideas? As just mentioned in the reply to another thread, IE ignores !important -- Patrick H. Lauke ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Need Windows browser check and Mozilla/Firefox help
Hi everyone, Most of the time, I see people who use Windows ask for a browser check from a Mac. I'm in need of the opposite. Take a look at: http://www.love2tap.com/test/ The box looks good to me in IE5/Mac and Safari. But in Firefox 1.01 and Netscape 7.2 for the Mac, there's a slight gap (looks like 1 pixel) you can see on the side where the side graphic isn't meeting the top graphic. I've put up some screen shots at: http://www.love2tap.com/test/preview.html I'm not sure what's causing the gap and whether it's there in the Windows version. Also, when I do a print preview, the graphical elements are moving around a bit. Any tips would be great. -Paul Burchfield P.S. I have run both the HTML and CSS through the validators at w3c.org, and they come back with no errors or warnings. ** 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] Need Windows browser check and Mozilla/Firefox help
Hi Paul, I'm seeing the same gap in small (1px) gap in Ffox 1.0, 1.0.1. Opera 7.51 and NS 7.1 The gap is allot bigger in IE 5.5 and 6. Ben -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.8.4 - Release Date: 27/03/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] Need Windows browser check and Mozilla/Firefox help
I'm uploading all sorts of sorts of screenies for ya! Visit http://www.hopkinsprogramming.net/wsg_love2tap/ in your web browser. You can see all the screenies there! --Zachary Hopkins Paul Burchfield wrote: Hi everyone, Most of the time, I see people who use Windows ask for a browser check from a Mac. I'm in need of the opposite. Take a look at: http://www.love2tap.com/test/ The box looks good to me in IE5/Mac and Safari. But in Firefox 1.01 and Netscape 7.2 for the Mac, there's a slight gap (looks like 1 pixel) you can see on the side where the side graphic isn't meeting the top graphic. I've put up some screen shots at: http://www.love2tap.com/test/preview.html I'm not sure what's causing the gap and whether it's there in the Windows version. Also, when I do a print preview, the graphical elements are moving around a bit. Any tips would be great. -Paul Burchfield P.S. I have run both the HTML and CSS through the validators at w3c.org, and they come back with no errors or warnings. ** 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 best way to predict the future is to invent it. [EMAIL PROTECTED] http://www.hopkinsprogramming.net ** 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] Need Windows browser check and Mozilla/Firefox help
I wrote a created a small web page with different browser screens. http://2upmedia.com/love2tap/ - Original Message - From: Paul Burchfield [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Tuesday, March 29, 2005 9:20 PM Subject: [WSG] Need Windows browser check and Mozilla/Firefox help Hi everyone, Most of the time, I see people who use Windows ask for a browser check from a Mac. I'm in need of the opposite. Take a look at: http://www.love2tap.com/test/ The box looks good to me in IE5/Mac and Safari. But in Firefox 1.01 and Netscape 7.2 for the Mac, there's a slight gap (looks like 1 pixel) you can see on the side where the side graphic isn't meeting the top graphic. I've put up some screen shots at: http://www.love2tap.com/test/preview.html I'm not sure what's causing the gap and whether it's there in the Windows version. Also, when I do a print preview, the graphical elements are moving around a bit. Any tips would be great. -Paul Burchfield P.S. I have run both the HTML and CSS through the validators at w3c.org, and they come back with no errors or warnings. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- No virus found in this incoming message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.8.4 - Release Date: 3/27/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] Extra padding mysteriously exists in IE6
Gah - we're well underway on a an XHTML 1.1 compliant site, and we've
eventually found that we need to do an IE hack--a real shame since
everything else was going so well. Can anyone see if there's a simple
mistake we've done, or if it is indeed a bug with IE which necessitates a
hack.
The problem simply relates to the vertical gap between the Related Links
and Featured Members boxes at the right. We want the gap to be 9px.
This should be possible simply with:
#FeaturedMembers{
margin:9px 0 0 0;
}
... and this works with Mac IE, FireFox, Safari, etc. If padding-top is 0,
then the blue borders of boxes touch.
But IE6 has a much larger gap, and even a gap when the padding-top is set to
0. (You need to set the padding-top to 3px to provide an equivilent gap...).
Our hack was to do;
#FeaturedMembers{
margin:3px 0 0 0; /* margin-top used by IE6 */
}
htmlbody #FeaturedMembers{
margin-top:9px; /* margin-top used by others */
}
It's not the end of the world if we are forced to do the hack, although
wouldn't it be cool if we could have site without hacks ;) Its more out of
curiosity about what the heck is going on!
See the site (which is currently missing the hack as shown above to
illustrate the problem) at http://test.totallydigital.co.nz/wdf/
See lines ~270-280 of
http://test.totallydigital.co.nz/wdf/mainsite/css/main.css for the CSS in
question.
(Yes, the homepage is currently xhtml1.1/css2 compliant, other pages have a
few issues that will be checked and fixed as we go on ;) )
Siggy
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
