Re: [WSG] small css question
Paul, Before you jump for joy at this solution you should be aware that it is not supported across older browsers like the Netscape4's and IE4's. More importantly, it is not supported in Win/IE5 or Win/IE5.5. This may not be an issue. For more details, take a look at this: http://www.browsercam.com/public.aspx?proj_id=61584 To answer your earlier question - 'why do display block and auto margins work' (generally)... 1. By default, images are treated as inline elements. This means they need to be converted to a block level element in order for margins to take effect correctly. 2. As you guessed, left and right margins set to zero will cause the element to be centered. The W3C Visual formatting model states: If both 'margin-left' and 'margin-right' are 'auto', their used values are equal. This horizontally centers the element with respect to the edges of the containing block. http://www.w3.org/TR/CSS21/visudet.html#blockwidth Russ That's a great trick, too.. simplicity all the way. * 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] Negative Vertical Margins in IE
Hey guys, I'm invoking the CSS gods out there once again. The page I'm working on (http://tribolum.com/test/navmedia/about/) displays perfectly (so far) in Firefox and Safari, but IE6/PC bombs it. Big surprise there. For the h1 span element (image replacement) I use a -20px margin to undo a 20px margin set on the content div. IE6/PC lines up the image correct horizontally, but pushes it up 20px into the navigation bar. I also use a negative -40px margin-bottom on the h1 element to pull the Who Are We? up. On Firefox, I can do a -50px. On Safari I can only do a -40px, while on IE/Mac, the heading disappears under the h1 graphic. I'm tempted to perform a kill bill volume 3 on my own. Lucian * 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] A couple CSS Questions
Hey Sean, I used sliding doors on a site I completed not too long ago. It works for IE, except for the rollover, which my client didn't mind. Fahrner Image Replacement does not help accessibility. I used to be quite the Fahrny designer, now I'm working on using Pixy's Image Replacement technique. http://www.pixy.cz/blogg/clanky/css-obrazkove-odkazy-02.html Hope that helps. Lucian On Apr 28, 2004, at 4:29 AM, Sean Sullivan-Daley wrote: Hello, I have a site I am working on and I am having problems with two things. 1. Fahrner Image Replacement 2. Sliding Doors of CSS The Site works great in Firefox (Mac) - Fahrner Image Replacement doesn't work on FireFox (PC) And here is the big problem. Sliding Doors of CSS doesn't work on IE 6 (PC) and the Fahrner Image Replacement doesn't work. Any help would be great! Here are links to a sample: http://sean.ashtonweb.com/test/ http://sean.ashtonweb.com/test/css/mstle.css Thanks, -Sean * 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] Negative Vertical Margins in IE
Lucian Teo wrote:
Hey guys,
I'm invoking the CSS gods out there once again.
The page I'm working on (http://tribolum.com/test/navmedia/about/)
displays perfectly (so far) in Firefox and Safari, but IE6/PC bombs
it. Big surprise there.
For the h1 span element (image replacement) I use a -20px margin to
undo a 20px margin set on the content div. IE6/PC lines up the image
correct horizontally, but pushes it up 20px into the navigation bar.
I also use a negative -40px margin-bottom on the h1 element to pull
the Who Are We? up. On Firefox, I can do a -50px. On Safari I can
only do a -40px, while on IE/Mac, the heading disappears under the h1
graphic.
I'm tempted to perform a kill bill volume 3 on my own.
Lucian
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Hi Lucian!
I had the same problem with margins in IE. I fixed margin problems in my
css by some hacks, but I couldn't force IE 5.5 to output it right. So, I
used browser detect script[1] and created file called ie55.css with
right margins for IE 5.5. In the head element I included the following
lines:
script type=text/javascript src=browser_detect.js/script
script type=text/javascript
if(browser.isIE55 == true)
{
document.write('link rel=stylesheet type=text/css
href=ie55.css');
}
/script
[1] http://www.dithered.com/javascript/browser_detect/index.html
Good luck!
Peter A. Shevtsov
*
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] Negative Vertical Margins in IE
I had the same problem with margins in IE. I fixed margin problems in my css by some hacks, but I couldn't force IE 5.5 to output it right. So, I used browser detect script[1] and created file called ie55.css with right margins for IE 5.5. Rather than using JavaScript for browser detection, try Microsoft's own built-in hack: conditional comments. They will work in all versions of IE regardless of whether JavaScript is enabled or not and every other user agent in the entire universe will just see a comment. More info: http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp Cheers, K. -- Kay Smoljak http://kay.smoljak.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] Looking for feedback
Dear Andy, Side note question. What is a browsercam account? With only 3% of my users using Opera, Mozilla and Safari, tend to look at Netscape and IE, but I worry about the other browsers. Thanks, Nancy -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andy Budd Sent: Tuesday, April 27, 2004 12:41 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] Looking for feedback Design looks nice. Not to be rude, but is it a template or did you design it yourself? Had a look in Safari. The header stuff is fine, but the main content is a little all over the place. Would probably be a good idea to get hold of a browsercam account. [EMAIL PROTECTED] wrote: hey guys working on putting a design together at the moment, looking for some feedback on the coding and some ways to improve it. it's just about finished. link: http://www.wirenine.com/beta/ thanks, chris Andy Budd http://www.message.uk.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 * * 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] Looking for feedback
Nancy, try here: http://www.browsercam.com/ Dear Andy, Side note question. What is a browsercam account? With only 3% of my users using Opera, Mozilla and Safari, tend to look at Netscape and IE, but I worry about the other browsers. Thanks, Nancy * 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] Looking for feedback
Thank you so much, Nancy -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of russ - maxdesign Sent: Wednesday, April 28, 2004 9:03 AM To: Web Standards Group Subject: Re: [WSG] Looking for feedback Nancy, try here: http://www.browsercam.com/ Dear Andy, Side note question. What is a browsercam account? With only 3% of my users using Opera, Mozilla and Safari, tend to look at Netscape and IE, but I worry about the other browsers. Thanks, Nancy * 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] small css question
Thanks for the clarifications, Russ. So... Before you jump for joy at this solution you should be aware that it is not supported across older browsers... It's not a big issue, but it's not trivial either: if I want to center an img AND have it supported by older browsers (which shouldn't be much to ask, I wouldn't think), am I right back where I started? Gotta wrap it in p/p and center the contents of the paragraph? This also raises a more general newbie question, but nice and philosophical: are the goals of writing markup and css for old browsers and future browsers mutually exclusive? I want to learn to write good markup and css -- highly accessible, clean, robust, to the standards. That's what this list is all about, right? If you attempt to accommodate older browsers, does your good clean robust and standard markup and css start to fall apart? For more details, take a look at this: http://www.browsercam.com/public.aspx?proj_id=61584 Wow, that's handy! Paul * 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] small css question
Paul, The short answer is that if you want to support IE5 and IE5.5 (which are both still very popular browsers) then one method you could use is to wrap your image in a container and use text-align: center; To your other question... It is important to start any site with the usual technical questions like: - what level of browsers are my target audience on (eg. older, recent, modern)? - what level of support will I give older browsers (eg. no support, partial support, full support)? More on this here: http://www.maxdesign.com.au/presentation/process/index_step01.cfm The answers to these questions will give you a coding direction - you will be able to focus on the browser level you feel it is appropriate to support and the level at you intend to support older browsers. This will vary on each site you do. If your target audience includes very old browsers like NN4 and IE4, your ability to use full CSS and/or clean semantically correct code is more limited, but it is still achievable. If detailed layouts are required for these older browsers it could mean that you have to accept some minor compromises. You may have to use absolute positioning on some containers as this positioning model is slightly better supported than floats, or accept that some items may be wrapped in an additional container. The other thing to keep in mind is that 'support' does not necessarily mean pixel perfect. Support could mean a slightly (or radically) reduced quality layout in an older browser compared to a standards compliant browser. As long as they are getting the overall layout, colours and fonts, this may be acceptable (as long as all content is accessible). So your question is very hard to answer, as it will depend on the site and the browser level you intend to support etc... A bit brain-dead tonight so I hope that doesn¹t confuse the issue even more for you :) Russ Thanks for the clarifications, Russ. So... Before you jump for joy at this solution you should be aware that it is not supported across older browsers... It's not a big issue, but it's not trivial either: if I want to center an img AND have it supported by older browsers (which shouldn't be much to ask, I wouldn't think), am I right back where I started? Gotta wrap it in p/p and center the contents of the paragraph? This also raises a more general newbie question, but nice and philosophical: are the goals of writing markup and css for old browsers and future browsers mutually exclusive? I want to learn to write good markup and css -- highly accessible, clean, robust, to the standards. That's what this list is all about, right? If you attempt to accommodate older browsers, does your good clean robust and standard markup and css start to fall apart? For more details, take a look at this: http://www.browsercam.com/public.aspx?proj_id=61584 Wow, that's handy! * 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] Improved digest format
I subscribe to the digest form of this discussion list. The key idea for a digest preference is to scan the information as efficiently as possible, looking for items of interest, and in this way try to fit the pertinent items from this discussion into a busy day. What are the possibilities for an improved, more efficient digest format for this list? Currently, it starts off with almost a screen's worth of administrivia -- stuff usually located at the end of a digest, and it has no form of table of contents. --David
Re: [WSG] small css question
The short answer is that if you want to support IE5 and IE5.5 (which are both still very popular browsers) then one method you could use is to wrap your image in a container and use text-align: center; Okay, got that one nailed down now, I think. ;-) To your other question... [snip] A bit brain-dead tonight so I hope that doesn¹t confuse the issue even more for you :) Not at all, Russ. Although you highlighted a number of extra considerations, you also provided an answer: obviously backwards compatibility and clean code are NOT mutually exclusive. Sometimes fussy, perhaps, but not mutually exclusive. Some inevitable compromises, perhaps, but no radical departures from semantically sound code. So you directly addressed my concern. Here I am trying to learn good html and css, and I keep hearing about hackish compromises for older browsers, and I was feeling worried that I might have to start learning intensively in two directions at once: one learning curve for future-proofing, and one learning curve for backwards compatibility! But it sounds like I can focus on the former, and make just a few accomodations for the latter. That's reassuring. In fact, I wouldn't be surprising to discover that good, clean css code makes it generally easier to be backwards compatible. On the other hand, if you are a design control freak, and write elaborate and envelope-pushing css trying to get exactly the look you want in the new browser, I'll bet it gets a lot harder to make your pages look like anything at all in the old ones! Paul p.s. Entirely by coincidence, Russ, I spent the hour between my question and your reply reading Floatutorials and Listutorials at your website. Made the connection between you and there just a moment ago. What are the odds? ;-) Small web... Thanks for the clarifications, Russ. So... Before you jump for joy at this solution you should be aware that it is not supported across older browsers... It's not a big issue, but it's not trivial either: if I want to center an img AND have it supported by older browsers (which shouldn't be much to ask, I wouldn't think), am I right back where I started? Gotta wrap it in p/p and center the contents of the paragraph? This also raises a more general newbie question, but nice and philosophical: are the goals of writing markup and css for old browsers and future browsers mutually exclusive? I want to learn to write good markup and css -- highly accessible, clean, robust, to the standards. That's what this list is all about, right? If you attempt to accommodate older browsers, does your good clean robust and standard markup and css start to fall apart? For more details, take a look at this: http://www.browsercam.com/public.aspx?proj_id=61584 Wow, that's handy! * 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] small css question
Paul Ingraham wrote: Gotta wrap it in p/p and center the contents of the paragraph? That wouldn't be a failing of CSS, but rather, of the older, very outdated (as opposed to IE6, which is just outdated) browsers. To expect someone to upgrade their browser I think is much more reasonable than to expect them to support Flash, or some other plug-in. I'm not commenting on whether or not it's reasonable, just more versus less. This also raises a more general newbie question, but nice and philosophical: are the goals of writing markup and css for old browsers and future browsers mutually exclusive? I wouldn't say mutually exclusive, but rather, the more you support one, the less you generally have of the other. I want to learn to write "good" markup and css -- Always best to learn it right first, an then learn the hacks. If you attempt to accommodate older browsers, does your good clean robust and standard markup and css start to fall apart? Depends on to what extent you support the older browsers. If your Web site is for the NS4 Users Group, then, by all means, use tables for layout. Otherwise, your markup should have no bloat, or at worst, a few extra div's. As far as CSS goes, it's not so simple. IMHO, part of what "coding to standards" means is an avoidance of pixel perfect layouts and designs. As a rule of thumb, I would say a site should be 100% functional across the board, basic design geared towards IE6 (and maybe IE5+), bells and whistles for the modern browsers (Mozilla, Opera, and where reasonable, IE6) Mordechai * 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] website checking
Hi Judith, Indeed, that is an odd way of linking style sheets. I'm almost wondering if that it part of the problem. I tried going directly to the style sheets references by entering their paths in the address bar of my browser, but none were found. Looks like what you referenced in your email to the list and what your imported style sheet on the index page references are different: You put http://www.testing.grassrootspolicy.org/styles/CURRENT_stylesheet_PIECES/tag sforall.css You style sheet says: CURRENT_stylesheet_pieces/elements2.css 'pieces' is capitalized in one, not the other. I'm betting that might have something to do with it? Hope that helps, Will Chatham oOo www.willchatham.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] Your opinion and feedback requested
I just completed my first fully web-standards compliant website and would appreciate any feedback. Anything from usability, layout, colors, readability, etc... all is fair game. I appreciate your time and feedback. http://www.sentinare.com/ -Jason * 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] website checking
doh! I figured it would be something like that! My mind must have turned to mush. Thanks for the help--it now works. Judith -- Judith Miller Program Associate Grassroots Policy Project 2040 S St., NW Washington, DC 20009 www.grassrootspolicy.org (202) 387-2933 ext. 265 On 4/28/04 2:17 PM, Barbara Dozetos [EMAIL PROTECTED] wrote: Looks like maybe you have the name of the style sheet incorrect -- here is the error warning I got: URI : http://www.testing.grassrootspolicy.org/styles/frontpage3.css * Line: 0 File not foundhttp://www.testing.grassrootspolicy.org/styles/CURRENT_stylesheet_pieces/ elements2.css: Not Found * Line: 0 File not foundhttp://www.testing.grassrootspolicy.org/styles/CURRENT_stylesheet_pieces/ tagsforall.css: Not Found * Line: 0 File not foundhttp://www.testing.grassrootspolicy.org/styles/CURRENT_stylesheet_pieces/ frontpagespecfic.css: Not Found No style sheet found * 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] Your opinion and feedback requested
the sentinare.com layout falls apart pretty badly on my screen with just a single increase in text size. This is true, but it's mainly the way the 30-day free trial link is marked up with all those spans that goes kablooey and pushes the heading below it over. It may end up being easier to make an image link with alt text in a span to replace that. The heading div (metal) could stand to be scaleable as well. Apart from that the layout seems to hold together and the text flows as it should (in safari). Hey Paul: greetings from Mount Pleasant! Nelson --- Vancouver, BC www.nelsonford.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 *
[WSG] SMH launch
Hey why has the SMH site gone haywire in IE6? Only kidding peter looks great. That was the big one! Well done again James
Re: [WSG] SMH launch
Hey there Peter, everyone here at my office has had the day in their calendar to check out the redesign. Now thatthe redesign hasshipped and you can now get your life back... I'd love to hear (if you have time) about the process involved in the redesign. There was a report from Forrester last year thata large percentageof redesigns make things worse and they cited Macromedia's first iteration as an example. They then went on to praise the second redesign - http://www.macromedia.com/homepage/forrester.pdf From a process point of view, I'd love to know how you approached such ahuge project. ~ How you identified a redesign was necessary ~ How you got buy-in from the key stakeholders that a redesign was necessary ~ What were the traget areas you wanted to improve and update ~ What kind of useability // surveys // focus groups // lab // eye tracking testing you did ~ How you migrated the templates (you guys use Fatwire as the backend yeah?) ~ How you went about browser testing and what browsers you promised the stakeholders you would test for ~ How rigourous was your test plan ~ How many releases and iterations you diddo before final release ~ What have been the anectdotal responses from users ~ What are the measureable benefits from the redesign mmm - so many questions - so little time. I'm sure you're going to have a busy couple of weeks so I will understand if you ignore such a long list of sticky-beak questions... I would. Personally - I love the redesign. A bienetot, Benvolio - Original Message - From: James Gollan To: [EMAIL PROTECTED] Sent: Thursday, April 29, 2004 7:02 AM Subject: [WSG] SMH launch Hey why has the SMH site gone haywire in IE6? Only kidding peter looks great. That was the big one! Well done again James
[WSG] Dropdowns in IE
This one has me really stumped. Doesn't help not having a copy of Windows to test with, but oh well. Basically, I'm trying to use the Suckerfish technique to get the dropdown menus that my school is insisting on using to work in IE. In IE 6, at least (haven't been able to access IE 5.5), the menus seem to go down an extra 30px, but it's needed in other browsers to make sure the menus don't overlap. If anyone else can suggest an alternate navigation method, that would probably be easier. The page is at http://www.webinspiration.ca/npc/index.html, CSS is http://www.webinspiration.ca/npc/css/npc.css. Andrew Dunning Brantford, Ontario, Canada * 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] SMH launch
Remember, for Sydney members, Peter will be doing a detailed presentation at our next meeting and notes will be available afterwards for all members: http://webstandardsgroup.org/go/event10.cfm It might be a bit too long to wait for some more immediate answers :) Russ Hey there Peter, everyone here at my office has had the day in their calendar to check out the redesign. Now that the redesign has shipped and you can now get your life back... I'd love to hear (if you have time) about the process involved in the redesign. There was a report from Forrester last year that a large percentage of redesigns make things worse and they cited Macromedia's first iteration as an example. They then went on to praise the second redesign - http://www.macromedia.com/homepage/forrester.pdf From a process point of view, I'd love to know how you approached such a huge project. ~ How you identified a redesign was necessary ~ How you got buy-in from the key stakeholders that a redesign was necessary ~ What were the traget areas you wanted to improve and update ~ What kind of useability // surveys // focus groups // lab // eye tracking testing you did ~ How you migrated the templates (you guys use Fatwire as the backend yeah?) ~ How you went about browser testing and what browsers you promised the stakeholders you would test for ~ How rigourous was your test plan ~ How many releases and iterations you did do before final release ~ What have been the anectdotal responses from users ~ What are the measureable benefits from the redesign mmm - so many questions - so little time. I'm sure you're going to have a busy couple of weeks so I will understand if you ignore such a long list of sticky-beak questions... I would. Personally - I love the redesign. A bienetot, Benvolio * 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] Your opinion and feedback requested
Just checked you website. I'm using IE6SP1 on WIN98SE. All's well except for one issue. As other's mentioned the text-size is a problem at large sizes in Safari. I didn't really have a problem with large text sizes (it all seems to look ok on 'biggest' except the header breaks a bit.) My problem is at small sizes. I usually view the internet at 'smaller' in IE. The text on your page is fine on 'Medium' but the jump to 'Smaller' was huge. I'm not sure why (_) it goes from a good medium size at 'Medium' to tiny at 'Smaller'. 'Smallest' is microscopic. I guess this isn't a big problem at all (^_^) But it would be a bit easier for the viewer if the text sized better. Congradulations on the new site! Darian Cabot -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Cabot Consultants Pty Ltd Software Engineer / Website Design http://www.cabotconsultants.com.au -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- the sentinare.com layout falls apart pretty badly on my screen with just a single increase in text size. This is true, but it's mainly the way the 30-day free trial link is marked up with all those spans that goes kablooey and pushes the heading below it over. It may end up being easier to make an image link with alt text in a span to replace that. The heading div (metal) could stand to be scaleable as well. Apart from that the layout seems to hold together and the text flows as it should (in safari). Hey Paul: greetings from Mount Pleasant! Nelson --- Vancouver, BC www.nelsonford.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 * * 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] my second simple css question
Okay, you guys made good short work of my first simple css question, and it
was a great introduction to this list. Thank you all. Now it's time for
another!
I want a sidebar, and I've created one. Looks lovely. A couple paragraphs
inside a div, floated off to the right and breaking the right margin.
Little background, little border, and so far so good. Looks like this:
main content main content main content
main content main content main content
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main content main content
main content main content main content
Just one problem. The top of the sidebar is always on the same line as the
adjacent paragraph. I'd rather have this:
main content main content main content
main content main content main content
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main content main content
main content main content main content
Just like wrapping text around an inline image. Like so:
pBlah blah for a couple lines div class=rightfloatedsidebarrhubarb
rhubarb rhubarb/div and the some more blah blah blah./p
Which obviously doesn't work, because you can't put divs inside a paragraph,
but I don't know what else to do. I did try to declare div.sidebar
{display:inline}, thinking that might magically make my div into an inline
object, but that caused chaos.
Am I making any sense? Does anyone know what I'm after... and how to do it?
Thanks in advance.
Paul
*
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] Looking for feedback
Nancy Netscape7 is Mozilla, they are one and the same thing as they use the same rendering engine (as do Firefox and Camino, the beta standalone browsers) - you can safely incorporate the two into one group. Cheers James Nancy Johnson wrote: Dear Andy, Side note question. What is a browsercam account? With only 3% of my users using Opera, Mozilla and Safari, tend to look at Netscape and IE, but I worry about the other browsers. Thanks, Nancy -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andy Budd Sent: Tuesday, April 27, 2004 12:41 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] Looking for feedback Design looks nice. Not to be rude, but is it a template or did you design it yourself? Had a look in Safari. The header stuff is fine, but the main content is a little all over the place. Would probably be a good idea to get hold of a browsercam account. [EMAIL PROTECTED] wrote: hey guys working on putting a design together at the moment, looking for some feedback on the coding and some ways to improve it. it's just about finished. link: http://www.wirenine.com/beta/ thanks, chris Andy Budd http://www.message.uk.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 * * 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] my second simple css question
Paul
Do you have a picture or URL? Then we can grok it in fullness.
Cheers
James
Paul Ingraham wrote:
Okay, you guys made good short work of my first simple css question, and it
was a great introduction to this list. Thank you all. Now it's time for
another!
I want a sidebar, and I've created one. Looks lovely. A couple paragraphs
inside a div, floated off to the right and breaking the right margin.
Little background, little border, and so far so good. Looks like this:
main content main content main content
main content main content main content
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main content main content
main content main content main content
Just one problem. The top of the sidebar is always on the same line as the
adjacent paragraph. I'd rather have this:
main content main content main content
main content main content main content
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main content main content
main content main content main content
Just like wrapping text around an inline image. Like so:
pBlah blah for a couple lines div class=rightfloatedsidebarrhubarb
rhubarb rhubarb/div and the some more blah blah blah./p
Which obviously doesn't work, because you can't put divs inside a paragraph,
but I don't know what else to do. I did try to declare div.sidebar
{display:inline}, thinking that might magically make my div into an inline
object, but that caused chaos.
Am I making any sense? Does anyone know what I'm after... and how to do it?
Thanks in advance.
Paul
*
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
*
[WSG] Compliant tree menu
Hi everyone... in dire straits here... I am desperatelylooking for an exploding/folding tree menu that remembers the last state of the menu when you refresh or go back to a page. Have tried all the ones that seem to be available on line but they either dont do what i want, or do what i want and wont validate. Is there anything out there or should i be looking for a _javascript_ writer of my own? Is this OT.. if it is ...sorry... maybe you could just email me direct if you have an answer. Jackie Reid [EMAIL PROTECTED]
Re: [WSG] Dropdowns in IE
Hello Andrew, I had similar issues working with the slippery little suckerfish a week or so ago. The first thing you have to do to make IE play is take out the white spaces between your list tags... ul liitem one/li liitem one/li /ul changes to: ulliitem one/liliitem one/li/ul You will still have to do some tweaking but that will fix most of your IE problems. Regards PAUL ROSS SkyRocket Design Co http://www.skyrocket.com.au - This mail sent through IMP: http://horde.org/imp/ * 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] my second simple css question
I guess I probably should have just done that in the first place.
Here's how it looks now, to help with the grokking...
http://www.vancouvermassage.ca/screenshot.jpg
Unfortunately, I have no picture of how I want it. :-) But it's very
simple. I just want to move the sidebar down, so that some of the large
paragraph flows above as well as beside it. Should be easy, I'd think.
I tried changing the top margin, of course, but that just pushes it
downwards without the adjacent paragraph flowing into the space above the
sidebar.
Paul
Do you have a picture or URL? Then we can grok it in fullness.
Cheers
James
Paul Ingraham wrote:
Okay, you guys made good short work of my first simple css question, and it
was a great introduction to this list. Thank you all. Now it's time for
another!
I want a sidebar, and I've created one. Looks lovely. A couple paragraphs
inside a div, floated off to the right and breaking the right margin.
Little background, little border, and so far so good. Looks like this:
main content main content main content
main content main content main content
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main content main content
main content main content main content
Just one problem. The top of the sidebar is always on the same line as the
adjacent paragraph. I'd rather have this:
main content main content main content
main content main content main content
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main content main content
main content main content main content
Just like wrapping text around an inline image. Like so:
pBlah blah for a couple lines div class=rightfloatedsidebarrhubarb
rhubarb rhubarb/div and the some more blah blah blah./p
Which obviously doesn't work, because you can't put divs inside a paragraph,
but I don't know what else to do. I did try to declare div.sidebar
{display:inline}, thinking that might magically make my div into an inline
object, but that caused chaos.
Am I making any sense? Does anyone know what I'm after... and how to do it?
Thanks in advance.
Paul
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] SMH launch
hi y'all, yep, http://www.smh.com.au/went live this morn. For anyone who has ever read both http://theage.com.au/(launch mentioned last week) and smh will know they have used the same basic page templates for a few years. The css redesign of both sites has obviously continued that common base - hence the major similarities in layout but some different colour/graphic treatments. annnyway, thanks for the early compliments - appreciated - I think there are some unrelated network problems happening at present so if you cant see the site right now that'd be why. hopefully will be fixed shortly. in the meantime I'll take a shot at answering these questions Benvolio:) ~ How you identified a redesign was necessary from a business point of view: they had a long list but briefly, we needed to improve "breaking" news ( making more prominentthe amount of content that is updating constantly), make space for different ad formats,be able to makespecial sponsored sections in a short turnaround, make the whole site faster. from a design point of view: the site was becoming a bit of a rabbit warren. heaps of content that, at times, was unfindable. the markup was old and we figured we could speed the whole site up using css/xhtml. the visual design was also a bit "loose" - meaning a bit free and easy with lots of differences between different pages. we wanted to achieve something more structured and of a higher quality. ~ How you got buy-in from the key stakeholders that a redesign was necessary it was almost the other way around. the key stakeholders have been after a redesign for a long time. resources and many different departments looking for different things in a redesign meant it took a long time to finalise. ~ What were the target areas you wanted to improve and update Breaking News: The perception from users was they were unaware when and how often our site updates during the day.sounds like basic stuff but a ticker, a clock, more prominent links to breaking news, and rotating pics are the main improvements here. Dead ends: article pages also had some major problems in that they had 'dead ends' when you finished reading the article (nowhere to go but scroll back up the page or go to another site), so search/more news links/main section links have now been added to bottom ofarticles. Graphics: consistent style/sizes were needed to tighten the design up More logical navigation: as mentioned, the old site was a bit of a rabbit warren. we've tried (and there's still room for improvement here) to organise these in a more logical fashion ~ What kind of usability // surveys // focus groups // lab // eye tracking testing you did basic goal orientated usability testing / focus groups / online surveys / user testing with regular cameras and also groups of users using the site with us watching from behind a1 way (?) mirror like CSi miami ;-) ~ How you migrated the templates (you guys use Fatwire as the backend yeah?) had to ask the tech guys about this one :) Fatwire? yes. templates weren't migrated as such. they were rebuilt from scratch. and the the templates are broken up into little blocks and are common across sites (smh/age) ~ How you went about browser testing and what browsers you promised the stakeholders you would test for we have a person dedicated to testing once the page is in the final stages of dev. We do our own testing before a design reaches dev though. we drew the line at IE5 earlier this year- so we promise/support/test in IE 5.0, 5.5 6, Moz 1.5, Firefox 0.8, Mac IE5+, Safari, NS7. Its basically just a numbers game. eg: we dropped support for IE4 because the numbers got low enough and not supporting it means we can be more adventurous with the design/css and concentrate on providing enhancements to the larger % browsers noted above. ~ How rigorous was your test plan the dedicated testing person basically has a running sheet of things to test and probs found. its pretty comprehensive but things still do slip thru - that's just web page making :) my testing is basically the same as Russ' and many others on this list recommend - build a small bit - test across browsers, move on in a modular fashion. you end up with a great knowledge of the reasons behind the errors and can pinpoint probs quickly. In saying that, probs still come up. things like a problem that has just come up for Moz/FireFox that *don't* have flash installed on the frontpage have unfortunately become apparent after launch and are being fixed shortly. apologies if you are one of those crew. the (flash) breaking news ticker didn't render and caused the layout to do funny things - and yes, we do need to improve the flash code. ~ How many releases and iterations you diddo before final release there was probably about 15 or 20 decent increments in the initial design phase. can bring some of these to the WSG meeting. In between these though were
Re: [WSG] I am having a problem...
Chris Stratford wrote: is it not true that all tags, eg: span li ul all are the same thing, if you remove all the browser defaults?? >From the standpoint of presentation alone. However, some have a function (i.e., a and form), some have nesting limitations from the dtd (an a cannot contain another a, a p cannot contain an ol), and all have a semantical meaning assigned which can be stretched and bent, but not changed, lest your markup becomes just a collection of meaningless containers. It's worth noting that this is what allows XHTML to be a form of XML Mordechai * 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] Compliant tree menu
I'm guessing the solutions you've tried have been js? How have you tried to validate it? As long as the js is correctly implemented in the html (xhtml?) using the script tags it should validate. Maybe I've missed the point (_; ) Regards, Darian Cabot -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Cabot Consultants Pty Ltd Software Engineer / Website Design http://www.cabotconsultants.com.au -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Hi everyone... in dire straits here... I am desperately looking for an exploding/folding tree menu that remembers the last state of the menu when you refresh or go back to a page. Have tried all the ones that seem to be available on line but they either dont do what i want, or do what i want and wont validate. Is there anything out there or should i be looking for a java script writer of my own? Is this OT.. if it is ...sorry... maybe you could just email me direct if you have an answer. Jackie Reid [EMAIL PROTECTED] * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Your opinion and feedback requested
Hi there Jason...I think the site looks great, nice and clean and easy to read.. well done. My only comment is about the lack of a navigation menu I know you can get to the home users, business users and service provider sections from 3 different sets of links on the page but I spent a couple of minutes looking around for a traditional menu of some sort so i think that from a user point of view you might need to include one. Jackie Reid * 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] Your opinion and feedback requested
My only comment is about the lack of a navigation menu I know you can get to the home users, business users and service provider sections from 3 different sets of links on the page but I spent a couple of minutes looking around for a traditional menu of some sort so i think that from a user point of view you might need to include one. I would agree about having a navigation menu, even with replicating the picture links on the right. They clearly define the user goals for the site so I would have both. Tim Hill Computer Associates Graphic Artist tel: +612 9937 0792 fax: +612 9937 0546 [EMAIL PROTECTED] * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] SMH launch
when we launched theage.com.au last week Justin pointed outa way (adding 1px padding to the left of the main "#wrap" div) to make Firefox keep the background image aligned hard left with the content when your browser window was narrower than the content - and stopped the background image becoming mis-aligned with the content. Even tho that fixed it in Firefox the problem still exists in Opera and mac ie. Heres a screenshot of the new smh site with a browser window set narrower than the content (note the body bg mis-aligned with the left nav): http://www.c41.com.au/test/opera7_2_squished.jpg any ideasof a way to make these browsers keep the background image aligned hard left and not adversly affect anything else? pete
Re: [WSG] my second simple css question
Thanks for the suggestion, Darian. It doesn't work, but it does illustrate
precisely why I'm feeling stumped. This seems to just pushes the top of the
sidebar down... but the adjacent paragraph continues to wrap as though it
was still there. Here's a screenshot of that...
http://www.vancouvermassage.ca/screenshot2.jpg
How the devil can I push the top edge downwards AND have the document
content flow above as well as beside it...? It's so easy with an img!
Paul
On 4/28/04 7:34 PM, Darian Cabot [EMAIL PROTECTED] wrote:
Off the top of my head, here's an example...
*** In your CSS: ***
#sidebar {
position: relative;
top: 5em;
float: right;
width: 200px;
padding: 10px;
}
*** HTML: ***
div id=container
div id=sidebarSide bar stuff/div
p class=large-paragraph
Blah blah blah...
/p
/div
This might not work (_) hehe sorry... I'm in my lunch break and can't
test now. Maybe it'll help you find the solution though.
Goodluck ^^
Darian Cabot
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Cabot Consultants Pty Ltd
Software Engineer / Website Design
http://www.cabotconsultants.com.au
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
I guess I probably should have just done that in the first place.
Here's how it looks now, to help with the grokking...
http://www.vancouvermassage.ca/screenshot.jpg
Unfortunately, I have no picture of how I want it. :-) But it's very
simple. I just want to move the sidebar down, so that some of the large
paragraph flows above as well as beside it. Should be easy, I'd think.
I tried changing the top margin, of course, but that just pushes it
downwards without the adjacent paragraph flowing into the space above the
sidebar.
Paul
Do you have a picture or URL? Then we can grok it in fullness.
Cheers
James
Paul Ingraham wrote:
Okay, you guys made good short work of my first simple css question,
and it
was a great introduction to this list. Thank you all. Now it's time
for
another!
I want a sidebar, and I've created one. Looks lovely. A couple
paragraphs
inside a div, floated off to the right and breaking the right margin.
Little background, little border, and so far so good. Looks like this:
main content main content main content
main content main content main content
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main content main content
main content main content main content
Just one problem. The top of the sidebar is always on the same line as
the
adjacent paragraph. I'd rather have this:
main content main content main content
main content main content main content
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main sidebar sidebar sidebar sidebar
main content main content main content
main content main content main content
Just like wrapping text around an inline image. Like so:
pBlah blah for a couple lines div
class=rightfloatedsidebarrhubarb
rhubarb rhubarb/div and the some more blah blah blah./p
Which obviously doesn't work, because you can't put divs inside a
paragraph,
but I don't know what else to do. I did try to declare div.sidebar
{display:inline}, thinking that might magically make my div into an
inline
object, but that caused chaos.
Am I making any sense? Does anyone know what I'm after... and how to
do it?
Thanks in advance.
Paul
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
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] SMH launch
Peter, Here we go again :) Alternative #1 My guess is that you need to attach the background image to something other than the body (like #wrap)... my theory being that if #wrap can't disappear off the left of the window, then neither can it's background :) Alternative #2 I can't see any major use for the BG image at all... perhaps the line effect you're trying to achieve can be done some other way, negating the need for the image at all. It's a bit hard to tell what's what without spending a bit of time studying the CSS. Alternative #3 Ignore what's happening, and put a solid white background behind that left nav bar, so that when the BG image goes under, it doesn't obstruct the navigation. I'd consider this graceful degradation considering your % of Opera visitors. On 29/04/2004, at 1:27 PM, Peter Ottery wrote: when we launched theage.com.au last week Justin pointed out a way (adding 1px padding to the left of the main #wrap div) to make Firefox keep the background image aligned hard left with the content when your browser window was narrower than the content - and stopped the background image becoming mis-aligned with the content. Even tho that fixed it in Firefox the problem still exists in Opera and mac ie. Heres a screenshot of the new smh site with a browser window set narrower than the content (note the body bg mis-aligned with the left nav): http://www.c41.com.au/test/opera7_2_squished.jpg any ideas of a way to make these browsers keep the background image aligned hard left and not adversly affect anything else? pete --- Justin French http://indent.com.au * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] SMH launch
Pete, I just check with Opera and everything looks fine. Im running windows xp pro. John McDougald Jazz Alley XG Midis -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Peter Ottery Sent: Wednesday, April 28, 2004 8:28 PM To: '[EMAIL PROTECTED]' Subject: RE: [WSG] SMH launch when we launched theage.com.au last week Justin pointed outa way (adding 1px padding to the left of the main #wrap div) to make Firefox keep the background image aligned hard left with the content when your browser window was narrower than the content - and stopped the background image becoming mis-aligned with the content. Even tho that fixed it in Firefox the problem still exists in Opera and mac ie. Heres a screenshot of the new smh site with a browser window set narrower than the content (note the body bg mis-aligned with the left nav): http://www.c41.com.au/test/opera7_2_squished.jpg any ideasof a way to make these browsers keep the background image aligned hard left and not adversly affect anything else? pete
RE: [WSG] SMH launch
Hi everyone, new to the group :) I'm still learning CSS, but if I'm correct you would be able to apply a border-bottom selector to the h3 element since headings are block elements. That would get rid of the need to have a background in #wrap at all. (please let me know if I'm wrong) Gabriel -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Justin French Sent: Wednesday, April 28, 2004 11:55 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] SMH launch Peter, Here we go again :) Alternative #1 My guess is that you need to attach the background image to something other than the body (like #wrap)... my theory being that if #wrap can't disappear off the left of the window, then neither can it's background :) Alternative #2 I can't see any major use for the BG image at all... perhaps the line effect you're trying to achieve can be done some other way, negating the need for the image at all. It's a bit hard to tell what's what without spending a bit of time studying the CSS. Alternative #3 Ignore what's happening, and put a solid white background behind that left nav bar, so that when the BG image goes under, it doesn't obstruct the navigation. I'd consider this graceful degradation considering your % of Opera visitors. On 29/04/2004, at 1:27 PM, Peter Ottery wrote: when we launched theage.com.au last week Justin pointed out a way (adding 1px padding to the left of the main #wrap div) to make Firefox keep the background image aligned hard left with the content when your browser window was narrower than the content - and stopped the background image becoming mis-aligned with the content. Even tho that fixed it in Firefox the problem still exists in Opera and mac ie. Heres a screenshot of the new smh site with a browser window set narrower than the content (note the body bg mis-aligned with the left nav): http://www.c41.com.au/test/opera7_2_squished.jpg any ideas of a way to make these browsers keep the background image aligned hard left and not adversly affect anything else? pete --- Justin French http://indent.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 * * 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] Refrain from requesting Return Receipts
Folks, As per our mail list guidelines, please do not request return receipts when posting to the list. If you need any further information or clarification, please email me off list. Thanks, Ben WSG Core http://webstandardsgroup.org/mail/guidelines.cfm * 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] Read Receipts!
John (and anyone else that has them on by default), Turn off read receipt requests when posting to this list! These horribly invasive things are worse than spam and I get most of them returned to me being the list administrator! I have 47 so far, thanks mate. There are 580+ addresses on this list and some people have their settings to automatically return the receipt. I advise everyone to set their preferencesto either deny all read receipt requests or at least ask before sending them (and in the case of WSG list messages always deny them). I wish this feature of email had never been included or at worst the default setting was deny all in client settings. It is a breach of your own privacy if you don't deny them. As a lurker, no-one (except the administrators) on the list knows your address but if you send a read receipt you may be exposed to the sender or even the whole list. Peter (unimpressed list dad) From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of John McDougaldSent: Thursday, April 29, 2004 2:08 PMTo: [EMAIL PROTECTED]Subject: RE: [WSG] SMH launch Pete, I just check with Opera and everything looks fine. Im running windows xp pro. John McDougald Jazz Alley XG Midis -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Peter OtterySent: Wednesday, April 28, 2004 8:28 PMTo: '[EMAIL PROTECTED]'Subject: RE: [WSG] SMH launch when we launched theage.com.au last week Justin pointed outa way (adding 1px padding to the left of the main "#wrap" div) to make Firefox keep the background image aligned hard left with the content when your browser window was narrower than the content - and stopped the background image becoming mis-aligned with the content. Even tho that fixed it in Firefox the problem still exists in Opera and mac ie. Heres a screenshot of the new smh site with a browser window set narrower than the content (note the body bg mis-aligned with the left nav): http://www.c41.com.au/test/opera7_2_squished.jpg any ideasof a way to make these browsers keep the background image aligned hard left and not adversly affect anything else? pete
RE: [WSG] Refrain from requesting Return Receipts
Hi everyone, I apologize. I saw the problem once I sent out my reply. It won't happen again. Gabriel -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ben Bishop Sent: Thursday, April 29, 2004 12:31 AM To: [EMAIL PROTECTED] Subject: [WSG] Refrain from requesting Return Receipts Folks, As per our mail list guidelines, please do not request return receipts when posting to the list. If you need any further information or clarification, please email me off list. Thanks, Ben WSG Core http://webstandardsgroup.org/mail/guidelines.cfm * 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] Your opinion and feedback requested
Darian Cabot skrev: As other's mentioned the text-size is a problem at large sizes in Safari. I didn't really have a problem with large text sizes (it all seems to look ok on 'biggest' except the header breaks a bit.) My problem is at small sizes. I usually view the internet at 'smaller' in IE. The text on your page is fine on 'Medium' but the jump to 'Smaller' was huge. I'm not sure why (_) it goes from a good medium size at 'Medium' to tiny at 'Smaller'. 'Smallest' is microscopic. Sounds like the IE font-size bug. Place font-size: 100% in the style for body, an it will probably look better when the user changes text-size in IE. / m a r t i n -- http://janner.se * 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] Compliant tree menu
Well I have very little js experience also... I do know that and id is meant to be used only once in a html document. Does the code still work with the repeated ids converted to class? I guess that's worth a try anyways if you haven't already ;) btw... It's Darian, not Damien (_) I get that a lot (-_-; ) Cheers, Darian Cabot -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Cabot Consultants Pty Ltd Software Engineer / Website Design http://www.cabotconsultants.com.au -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Hi Damien.. yes it is js.. the thing that seems to cause the problemo is that the scripts i have used use an id that repeats throughout the script eg ul id=folderthing and this is the bit that wont validate... (http://www.dynamicdrive.com/dynamicindex1/navigate1.htm) this is the one i really want to use as it has a memory. Maybe just me not implementing it properly as i am a total js ignoramous... :( Jackie Reid Mock Orange Web Site Development 1st Floor 92 Victoria Street MACKAY Q 4740 Ph: 07 4953 4035 [EMAIL PROTECTED] - Original Message - From: Darian Cabot [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, April 29, 2004 12:20 PM Subject: Re: [WSG] Compliant tree menu I'm guessing the solutions you've tried have been js? How have you tried to validate it? As long as the js is correctly implemented in the html (xhtml?) using the script tags it should validate. Maybe I've missed the point (_; ) Regards, Darian Cabot -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Cabot Consultants Pty Ltd Software Engineer / Website Design http://www.cabotconsultants.com.au -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Hi everyone... in dire straits here... I am desperately looking for an exploding/folding tree menu that remembers the last state of the menu when you refresh or go back to a page. Have tried all the ones that seem to be available on line but they either dont do what i want, or do what i want and wont validate. Is there anything out there or should i be looking for a java script writer of my own? Is this OT.. if it is ...sorry... maybe you could just email me direct if you have an answer. Jackie Reid [EMAIL PROTECTED] * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * 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 *
