Re: [WSG] IE6 issue with a ul
Thanks Georg for the excellent explanation.- I'll remember that if/when the same problem comes up again. Kind regards Lyn "stacking bugs" ? something for me to research. You'll find few references to that bug under that "name". It's rather a description of how the bug works - individual layers of an element get wrongly stacked relative to individual layers of other elements _visually_ in the same area. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE6 issue with a ul
IE6 has "stacking bugs", which in your case results in a hidden ul. Adding... ul#img {position: relative;} ...will lift that container up in front - making it visible, without any negative effects across browser-land AFAICS. Thanks Georg - "stacking bugs" ? something for me to research. Thanks again *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] IE6 issue with a ul
Am having trouble with a photo gallery that is not displaying as it should in IE6. http://www.westernwebdesign.com.au/bluelightning/gallery.html It is fine in Fx, IE7 and Opera. In IE6, ul#img li is not displaying. This is the bit that supplies the background and room for a large caption. Can anyone tell me why this is so? Thanks Lyn Patterson Western Web Design Perth, WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] RE: [WSG} CMS and Site Design
Thanks Stephen and Rahul Yes, I always try to do all updating myself and this is the first client that really needs to do it as it will be a fairly frequent event. I had a talk to him and it will only be replacing one photo with another and changing a bit of text so nothing too onerous. Will have a look at TextPattern I think and will take you up on your offer of help Rahul once I get started, which won't be for a little while until I receive all the data. Lyn Western Web Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] RE:CMS and site design
Thanks Adam and John I think it will be just a matter of adding the odd photo and bit of text so will check out WordPress etc. It certainly won't be a full-blown management system that is required. Thanks for the input. Lyn Western Web Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] CMS and site design
I have never had to use a CMS and know very little about them. I have a client who wants to update his site himself and my hosting company supports Joomla. My question is: do I design the site in the normal way and then append the CMS or is the site designed within Joomla? Am I restricted in design options? Lyn Patterson Western Web Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Footer taking width from form
http://www.colouru.com.au/contactus.html On this particular page in IE only, the #footer seems to be taking its width from the form. I have cleared everything I can think of but cannot find the problem. Another thing I find odd is that you are using an empty tag for your form instead of wrapping the form fields with a start and end tag. Instead of: Maybe try: ... Well, that is amazing! It fixed the problem in IE6. This is the first site with this hosting company and that is how they gave me the example for the Form. I used to do it but changed it on this site. Thank you, Keppler Lyn *** 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] Footer taking width from form
Scott Swabey wrote: Lyn Patterson wrote: http://www.colouru.com.au/contactus.html On this particular page in IE only, the #footer seems to be taking its width from the form. I have cleared everything I can think of but cannot find the problem. You have a typo in your clearfooter div: Hi Scott Thanks - not exactly a typo - I use that method if I want to temporarily take something out of the CSS and might want to put it back later. Anyway, I solved the main problem by removing the footer from #container so now it just sits under all the content. IE7 is happy with that. However IE6 is still misbehaving. I tried a * hack but it still is not showing the footer correctly. Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Footer taking width from form
Good morning http://www.colouru.com.au/contactus.html On this particular page in IE only, the #footer seems to be taking its width from the form. I have cleared everything I can think of but cannot find the problem. Thanks Lyn www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
Stephen Rosman wrote: Maybe if the #container didn't have a background colour it wouldn't hide the background image on the body? Things only got worse LOL John Faulds was correct originally - I added a different clear method to #nav and now IE matches Fx etc - I just have to revise some margins and it should be OK. Thanks for replies! *** 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] Background image in IE
John Faulds wrote: It's being affected by the float on #nav so you need to clear the content that comes after it correctly. You are quite right - I didn't clear it properly - at least as far as IE is concerned - so I added a .clear after the #nav and this has fixed the positioning - now all I need to do is revise some margins. Thank you! *** 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] Background image in IE
Stephen Rosman wrote: Maybe you could try: * Adding the background image to the body instead of the div? In Fx the image disappears completely. In IE the righthalf of the image is visible but the left half is hidden under #container which is still obviously stopping short of the right hand side of the browser *** 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] Background image in IE
Stephen Rosman wrote: Maybe you could try: * Adding the background image to the body instead of the div? * Floating the div right? Thank you - I will try that In what way does it mess up Firefox? Causes horizontal scrolling Thanks *** 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] ***
[WSG] #container element in IE problem
Good morning again www.plecomadness.com/index.html My question should really have been - why is the #container element in IE7/6 not reaching the full width of the screen? I have tried adding width:100% but all this does is makes horizontal scrolling necessary in ALL browsers. Should I perhaps add another div, say #content and position it inside #container? Thanks *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
Steven Rosman wrote: In IE a block is, by default, only as wide as the content. If you add "width: 100%" to it it might help. I already tried that - it messes severely with Fx etc. When I used the IE AIS I noticed that the container didn't reach the edge of the screen which was when I tried Width: 100%. I noticed that in the source code you have an opening div that isn't closed - doesn't seem to be breaking anything though... H - it validates but will check thanks. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
It's being affected by the float on #nav so you need to clear the content that comes after it correctly. I clear #nav but it hasn't made any difference, thanks. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Background image in IE
Good morning http://www.plecomadness.com/index.html Can someone tell me why my background image on #container in IE7/6 (large pic on right) is not positioned at the very edge of the screen as it is correctly in Fx, Opera and Safari? Thanks! Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Navigation link not working in some browsers
Your is being overlaid by your . I just moved #left down a bit out of the way.. Thanks for reply Kepler. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Navigation link not working in some browsers
yeah just double checked and not working now I looked at the site via the inspector in firebug and i cannot actually select the HOME or the colour icon All fixed now - I moved #left down a bit so it was no longer obscuring that part of the #nav. *** 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] Navigation link not working in some browsers
Jermayn Parker wrote: I can seem to get backto the Home page no problems from the products In Firefox or Safari? *** 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] ***
[WSG] Navigation link not working in some browsers
www.colouru.com.au There is a very strange instance of a navigation link not working on one particular page - the products.html page link back to HOME. All other pages seem to be OK. It does work in IE and Opera but not in FX or Safari. Can anyone see why this should be so? Thanks. Lyn *www.westernwebdesign.com.au* *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] layout/font site test - please
Designer wrote: Sparked partly by the recent discussions on elasticity, I've been attempting to put together a 'template', based on em's and with a max-width. http://www.marscovista.fsnet.co.uk/newtemplate/template.html Hi Bob I think it looks good at 1024x768 and 800x600 but at 1280x1024 it has a lot of background around it at the sides and underneath. This is exactly the issue I had yesterday with a client hating the look at the higher resolution. I had to re-design to keep her happy. Kind regards Lyn www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Screen resolution issue
Have a look at www.marscovista.co.uk - a site of mine with very little on the opening page, but everything in balance so the design maintains credibility. Very elegant! If you dislike that approach (some folk have no taste :-) ) have you considered adding an 'interesting' background to the body? Yes, I thought of that while having my dinner tonight - would fill up some space! I'll start in the morning. Thanks, Bob - much appreciated. Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Screen resolution issue
Having seen it, doesn't look too (hmm..) bad at 1280 x 1024 full screen. What else could expected with so little front page content Exactly! I would be tempted to maybe centre the content by menas of giving the whole lot 15% margin left and right, upping the size of the text, and adding more words. How about some google juice in terms of headings, and a tad more content. Think Editorial ang SEO as well as design Thanks for the ideas Rob - very useful. Will get to work! Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Screen resolution issue
If it's a fluid design, surely height and width are inextricably linked. As the width narrows, the height increases. From your description, maybe your client seems to be lacking in web content, which cannot be cured by means of design alone. If they're obsessed with having so few words, maybe make the font larger. Yes, lack of content is the real problem. Thanks, Rob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Screen resolution issue
Unless this is an Intranet application, the screen resolution that your client uses is totally immaterial. Try telling my client that! I've tried! You don't mention whether or not it is single/multi column and how the navigation is sited. Maybe providing an URL will help?. In certain circumstances There are still merits in using a single column fixed with (tad below 800px) design... http://www.westernwebdesign.com.au/truth/index2.html I'm thinking of moving the nav to the side and she wants the picture of the book enlarged ! Thanks for reply Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Screen resolution issue
I'm guessing you are using a liquid layout yeah?? Its not so much the width that worries me- its the height. The page currently stops halfway down. She apparently has no problems with my personal site at her resolution so perhaps I will switch her layout to the same as mine to see if that improves the look. If you want a quick fix you could also consider setting a fixed width for your site, its less elastic but it would be quick. I have already gone down that route and it is even worse - so much border I think I'll try a different layout - I'll change my resolution to 1280x1024 and check out some samples. Thanks for reply. Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Screen resolution issue
I design sites in 1024-768 and make sure they look good at 800x600x. Have just done a design for a client who is using a screen resolution of 1280x1024 and the site looks awful - it stops halfway down the page and everything looks so spread out. I must say I have never had this problem before and not sure how to resolve it. The client is not happy so I have to fix this quickly. Any advice would be appreciated. Thanks. Lyn Lyn Patterson www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] site check - almost ready for prime time
During the planning for the site re-do we relied pretty heavily on a year's worth of visitor stats in making decisions. One of the things our stats showed us was the very low percentage of 800 x 600 and below visitors we had, plus people were complaining that the site was looking too small, so we bumped it up. There was some discussion about keeping a lower res version, but the client ruled it out. Thanks Bob - that's very interesting. Love the main page image! Lyn Western Web Design www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] site check - almost ready for prime time
Bob - I was wondering about the width of the #wrappers- 980px/960px which causes horizontal scrolling if viewed on a smaller screen resolution such as 800 x 600. I have always tried to avoid horizontal scolling sometimes with great difficulty - does it not matter so much now that many people are using higher screen resolutions? Lyn Western Web Design www.westernwebdesign.com.au The test site at http://www.fotografics.it/fife/ has been refurbished to make it more standards compliant, before moving on to the accessibility "layer" I would appreciate it if you guys could check it out for any errors or "wrong practices" *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE clearing when not needed
Hi Georg Thank you so much for taking the time to explain everything. I have a much clearer idea now. Yes, that's another way to fix things in IE/win for that layout. IE/win does a much better job if we let it decide width-issues by itself... :) I decided the best way out was just to re-design the page and in actual fact it now conforms to the same design as the rest of the pages - which I should have done in the first place. The "no-set-width" version is fine down to some 740px browser-width, from where the link-list on top starts wrapping and pushing everything below it out of position. This starts much earlier if text-zoom is used (larger). Try that in FF. Yes, I had noticed the effect much more so in FF than in IE. - FF/Op/Saf is in need of some clearing on that link-list, so it doesn't push the content too badly out of place when wrapped. Think this will do: http://www.positioniseverything.net/easyclearing.html I think this is fixed now. Think "accessibility" and so on. ...Better I know what fails and are in (some) control, than things breaking in ways I don't know about... :) All this is even more important on sites that are about web design Yes, exactly - that is why I have not yet told many people my site is up as I want to be sure it is as correct as I can make it. I reduced some widths to guard against float drop in IE which was happening on the pages with forms. I am not very happy with my images in the side boxes as although I have made them quite large (200x500) at large increased text sizes they do not fill the boxes. CSS is indeed fun though very frustrating at time for a beginner. Thanks again for your help. Kind regards Lyn Western Web Design http://westernwebdesign.com.au [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] IE clearing when not needed
Gunlaug Sørtun wrote: You can make it work - partially at least - by "removing" Thanks, Georg - before I received your reply I kept researching and found that the containing box did not need a width and as soon as I took off the width in div.intro2, the box popped up into place. Note: Your layout - using percentage width - is only stable on wide screens in any browser Meaning unstable on smaller screens? It looks just the same to me at 800x600 - would you explain a little more please . Kind regards Lyn Western Web Design http://westernwebdesign.com.au [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 **
[WSG] IE clearing when not needed
Hi all www.westernwebdesign.com.au/host.html Have a floated box that I want to sit inside and overhang another box. This works fine in FF and Opera but IE is clearing the normal box and putting it underneath the floated box. How do I make this work in IE? Thanks Lyn Patterson Western Web Design http://www.westernwebdesign.com.au [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] Non-validation and web standards
Bert and Jeroen Your advice much appreciated. Am blushing as I report that when I removed ALL the hacks, the site stayed the same and it now validates perfectly. I think those hacks came from a very early attempt at css and I just kept putting them into stylesheets. I haven't tested in older browsers yet but it looks OK in current ones. Lyn ** 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] Non-validation and web standards
Good morning I have the following hacks in a stylesheet which validates except for the hacks. /*hide from MacIE\*/ * html #content { height: 1%; }/*end hide*/ *html ul li {height: 1em;} *html#footer{/*for ie */ \height: 3.25em; /*for ie5*/ he\ight: 3.2em;/*for ie6*/ } *html #content {height: 1%; margin-bottom: 0.75em;}/*combat ie's 3 px jog*/ *html form{/*for ie */ \margin-top: 0; } *html #content form{/*for ie */ \margin-top: 0; } *html #costs form{\margin-top:0;}/*for ie */ As this does not validate, can I still claim to follow web standards? Thanks Lyn ** 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] Changing Standard part2 !!!
Bert Doorn wrote: If I want to see movies, I watch TV or hire a Video or DVD. If I want to hear music, I switch on the radio or listen to a CD (or tape, or old-fashioned record). I use the web to seek information and like many people I can only get dial-up (or a very expensive satellite connection) where I live. I avoid sites that use bandwidth-hungry (non text) content (the back button on my browser is very handy there) because most of the information I seek is fine as words and pictures (and I am impatient). Yes, Bert, I totally agree. Lyn ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Site critique please
Thanks, Steve I see what you mean (1280 x 1024) but don't know how to counteract this. I have the image set to " repeat-y" and the background colour set to "white" to blend in with the far right of the image. It looks like the image is repeating. Kind regards Lyn Steve Winter wrote: Lyn, It may be worth your taking a look at the site with a reasonably high resolution set...some of the background images don't work so well (IMO) at high resolutions (eg 1280 x 1024) Cheers Steve ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Site critique please
Hi everyone Would very much appreciate feedback as to any problems or mistakes. Thank you. www.mwg.green.net.au/testpages/mwgindex.html Lyn ** 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] Header cut short
Thanks, Bert - footer fixed - will email off-list Bert Doorn wrote: G'day On my main page have just noticed that the header doesn't quite reach all the way across the screen and neither does the header bottom border. I get a small amount of horizontal scrolling at any resolution, even 1280x1024. It's because of your padding on the footer div. The box model adds the padding to the width, so you end up with 0.25em + 100% + 0.25em. Change it to padding: 0.25em 0; and the scrollbar should disappear. Should not matter for the content as it's centered anyway. ** 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] Header cut short
On my main page have just noticed that the header doesn't quite reach all the way across the screen and neither does the header bottom border. For some reason on my screen (800x600 res) there is the smallest bit of horizontal scrolling, though it should not be necessary and I don't know why it is there. Is there a way to get rid of it? The footer background image is exactly the same length as the header background image, both are set to 100% width and yet the footer is full width but the header stops just short. Does anyone know why this is and how to correct it? I made the background image 1100px wide - should I have made it some other size? www.mwg.green.net.au/testpages/mwgindex.html Thanks ** 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] image alignment?
Hi Adam I am only a beginner myself, but I would float them, one left and one right. I am sure someone else will give you good advice . Lyn On 18/11/04 9:23:05 AM, [EMAIL PROTECTED] wrote: > Hello, > > > > This might be a familiar story to you - > i'm after a simple image > layout. I can code this layout in tables with my eyes shut, but can't > > get it ** 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] Screen resolution problems with main page
Bernie - where do you suggest I put the padding? Thanks Lyn Bennie Shepherd wrote: A little padding might do the job.. On 11/11/2004 7:31:02 PM, [EMAIL PROTECTED] wrote: > Hi everyone > > www.mwg.green.net.au/testpages/mwgindex.html > > Have just discovered that the main page does not look good at a > resolution of 1024x768. I have been working in 800x600. One problem is > the background image in the header stopping too short and being > replaced by the background color (I could perhaps change the background > color to white so that this is not noticeable) but the main issue is > the length of the page. > > In 800x600 the page fills the screen so that practically no vertical > scrolling is required. I wanted the navbar to be completely visible at > all times so haven't got a lot of content elsewhere on the page. The > subsequent pages are not a problem as they will have lots of content and > so fill the screen vertically. However, the main page stops about > halfway down in 1024x768 which looks awful. > ** 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] Screen resolution problems with main page
Hi everyone www.mwg.green.net.au/testpages/mwgindex.html Have just discovered that the main page does not look good at a resolution of 1024x768. I have been working in 800x600. One problem is the background image in the header stopping too short and being replaced by the background color (I could perhaps change the background color to white so that this is not noticeable) but the main issue is the length of the page. In 800x600 the page fills the screen so that practically no vertical scrolling is required. I wanted the navbar to be completely visible at all times so haven't got a lot of content elsewhere on the page. The subsequent pages are not a problem as they will have lots of content and so fill the screen vertically. However, the main page stops about halfway down in 1024x768 which looks awful. Is there any way around this? I have been reading up on various solutions including js about which I know nothing and am hoping for a simple fix. LOL Thanks Lyn ** 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] Float causing footer text to drop?
Have added a floated box to main content area and this seems to have caused the footer text to drop out of the footer and sit beneath it. I can't see where to correct this. Have tried to clear it but obviously not putting it in the right place. Any advice would be appreciated. www.mwg.green.net.au/testpages/copycards.html www.mwg.green.net.au/testpages/copytherest.css Thanks Lyn ** 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] Styling individual links
Patrick Sorry, thought there might be a quick solution. Yes, I may well want to use this same method on many pages. Here is the page I am working on now: www.mwg.green.net.au/testpages/plants.html All pages are at www.mwg.green.net.au/testpages Halfway down the main content you will see a couple of links - these are what I want to style. Thanks Lyn Patrick Lauke wrote: From: Lyn Patterson I have navigational links in the css with a:hover etc etc for those links that appear in the navigation lists. How do I style individual links amongst text such as Please visit our EVENTS page for details of ... so that they match the colours I have used for the navigational links. If you provided the URL (or at least your current style rules), it would make it a lot easier to reply. ** 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] Styling individual links
I have navigational links in the css with a:hover etc etc for those links that appear in the navigation lists. How do I style individual links amongst text such as Please visit our EVENTS page for details of ... so that they match the colours I have used for the navigational links. Thanks Lyn ** 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] Why is one page of several linked to the same stylesheet exhibiting different behaviour?
Thanks, Ken - got it now ! Lyn Kenneth Feldman wrote: The link didn't work because of the line break near the end (see just above this paragraph). The link ends with "doctype.asp", not "/objects/". Regards, Kenneth Feldman ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** This message has been processed by Firetrust Benign. ** 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] Why is one page of several linked to the same stylesheet exhibiting different behaviour?
Hi Mike www.mwg.green.net.au/testpagesSaturday Have just re-loaded my preferred version with the wider background image on the left. The entire issue was caused by not having the full doctype on all but one of the pages. There is still a difference in the rendering between IE/Opera and Firefox/Mozilla in that IE puts the textbox in the middle of the sidebar and Firefox puts it a bit more to the left. Either is acceptable so will not worry about it anymore. Thanks so much for bringing up the topic of doctypes! Michael Allan wrote: Hi again Lyn, My apologies - you're right, it was the contact page which was missing the url in the doctype declaration, not the meeting page. A slip of the pen, which I hope you won't hold against me given that I was posting before 7:00am on a Sunday morning :-) The pages will look the same in IE if they reference the same stylesheet *and* are being rendered in the same mode (hence the importance of the url being in or out). I suspect Opera is mimicking this behaviour for compatibility reasons. The link I gave you explains it well and it's a public document (no. 15 in a Google search for "html doctype"), you just weren't able to access it because somewhere along the line it's had a space introduced into it. Take that out and you won't have any problems. All the best, Mike ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Why is one page of several linked to the same stylesheet exhibiting different behaviour?
Hi Mike Not sure what you mean about no url in the doctype declaration on the meetings page. I am using http://www.w3.org/TR/html4/loose.dtd";> and it is there. Sorry not to have been more specific - it was getting late ! It is only in IE and Opera that I have the problem (well, not really a problem, just a different rendering) , Firefox/Mozilla is fine. Have just checked and I see that in this set of pages I have the FULL doctype ONLY on the meetings page which is why it is different from the rest. I meant to use the full doctype on all pages but it somehow got left off this set. So if I put it on all pages, no doubt they will all look the same. Thanks for bringing it up. BTW, could not access your link- Directory Listing Denied message. Thanks again for the help. Michael Allan wrote: They look exactly the same to me here on Firefox, Lyn, but the meetings page doesn't have a url in the doctype declaration. I haven't been following this thread but, if you're viewing the pages in IE, the difference will be standards/quirks mode related: http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/ doctype.asp Cheers, Mike On Saturday, October 23, 2004, at 10:59 PM, Lyn Patterson wrote: I have uploaded a new set of pages www.mwg.green.net.au/testpagesSunday The problem still is that although all pages use the same stylesheet, the left hand sidebar in www.mwg.green.net.au/testpagesSunday/meetings.html is still different from all the rest. I added the same content to the sidebar of www.mwg.green.net.au/testpagesSunday/contactus.html and this displays correctly. So my question still remains - why is one page displaying differently to the rest? Thanks ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** This message has been processed by Firetrust Benign. ** 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] Why is one page of several linked to the same stylesheet exhibiting different behaviour?
I have uploaded a new set of pages www.mwg.green.net.au/testpagesSunday The problem still is that although all pages use the same stylesheet, the left hand sidebar in www.mwg.green.net.au/testpagesSunday/meetings.html is still different from all the rest. I added the same content to the sidebar of www.mwg.green.net.au/testpagesSunday/contactus.html and this displays correctly. So my question still remains - why is one page displaying differently to the rest? Thanks Lyn Patterson wrote: An earlier version of these pages had I think the IE double-margin bug on the left sidebar. I fixed this by adding "display: inline" to #floatimgleft. All was well until I decided to widen the background image of the sidebar and add a border to it. This did not cause a problem in all the pages except one. Mozilla/Firefox is fine but IE and Opera still show what looks like the double-margin bug on one particular page. As all the pages are linked to the same stylesheet, I thought it must be the content of the sidebar that was causing the problem but I added content to some of the other sidebars and they still remained OK. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** This message has been processed by Firetrust Benign. ** 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] Why is one page of several linked to the same stylesheet exhibiting different behaviour?
Thanks, Susan , will correct the errors. Not sure why I am floating the img - it sort of evolved I think. Are you saying I don't need to as it is in a float already? Yes, I think padding is the problem with the overall issue. The previous correct version does have different padding, or rather, padding: 0 ; so at least I have a fall-back position. If I want to keep the larger background image, I will have to dicker with it. Thanks for looking. Susan R. Grossman wrote: also, I'm not sure why you're floating the image div in the left nav which is already floating? Neither one of these is your issue though, I think the problem is a combination of the amount of the padding in #floatimgleft with the increased size of the image, combined with the margin on the tag without padding set to 0. When I kill the padding and reduce the image width to 60, or remove the border in the P and put in 0 padding it works OK, so you need to play around with those. Susan R. Grossman [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 ** This message has been processed by Firetrust Benign. ** 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] Why is one page of several linked to the same stylesheet exhibiting different behaviour?
An earlier version of these pages had I think the IE double-margin bug on the left sidebar. I fixed this by adding "display: inline" to #floatimgleft. All was well until I decided to widen the background image of the sidebar and add a border to it. This did not cause a problem in all the pages except one. Mozilla/Firefox is fine but IE and Opera still show what looks like the double-margin bug on one particular page. As all the pages are linked to the same stylesheet, I thought it must be the content of the sidebar that was causing the problem but I added content to some of the other sidebars and they still remained OK. www.mwg.green.net.au/testpagesSaturday/meetings.html is the page with the problem. The links now work so if someone would see what the problem is I would be very grateful. Thanks Lyn Patterson ** 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] Combining in css
Thanks, Nick and thanks for the links, Russ - have bookmarked them. Lyn Nick Gleitzman wrote: On 22 Oct 2004, at 9:59 AM, Lyn Patterson wrote: #[name of page] #container #floatimgleft {background-color: #dff;} but it didn't work. Only the last mentioned (#floatimgleft) worked and (#container) reverted to general background color. Is there a way to combine them - have I left out commas or something? To combine them you need to separate them with commas, but each selector needs to be written out in full: #[name of page] #container, #[name of page] #floatimgleft {background-color: #dff;} HTH Nick ___ Omnivision. Websight. http://www.omnivision.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 ** This message has been processed by Firetrust Benign. ** 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] Combining in css
Patrick, Lachlan and Zulema Thanks for prompt replies - it works ! Lyn Patrick H. Lauke wrote: Lyn Patterson wrote: have I left out commas or something? Yes. #[name of page] #container, #[name of page] #floatimgleft {background-color: #dff;} 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 ** This message has been processed by Firetrust Benign. ** 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] Combining in css
I have different colored backgrounds on several pages and have put them is the css as follows: #[name of page] #container {background-color: #dff;} #[next page] #container {background-color: #ffd;} and so on. Then I have #[name of page] #floatimgleft {background-color: #dff;} #[next page] #floatimgleft {background-color: ffd;} and so on. This is OK but I wondered if I could combine the two. I tried to combine them as follows: #[name of page] #container #floatimgleft {background-color: #dff;} but it didn't work. Only the last mentioned (#floatimgleft) worked and (#container) reverted to general background color. Is there a way to combine them - have I left out commas or something? Thanks Lyn Patterson ** 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] 256 colours or the whole enchilada?
Thanks, Jeremy for the link to More Crayons. I have just changed every color on the site I am working on to More Crayons colors and the results are great - the "new" colors are indistinguishable from the originals but much more web safe. Lyn Patterson ** 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] Appreciate browser check, please
Hi Natalie It sure is ! Thanks for checking. Lyn Natalie Buxton wrote: Seems to be working fine on Mac - Mozilla/Safari and on Windows XP Mozilla/IE. My sis lives in Mandurah, Im from Perth, and family is from Midland. What a small world this interweb is ** 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] Adding full doctype to pages
Thanks, Kay. I have just posted the pages asking for a browser check so will give that a day or two then I will add the full doctype to the relevant pages and post again. Kind regards Lyn Kay Smoljak wrote: Hi Lyn, On Sun, 17 Oct 2004 13:09:28 +0800, Lyn Patterson <[EMAIL PROTECTED]> wrote: I am using the full doc type http://www.w3.org/TR/html4/loose.dtd";> on my main page. I thought I should add it to all the other pages but when I did so, the contents of the left column moved towards the center in IE and Opera so I took it off and things reverted to normal. You should definitely have a full doctype on every page - without it your pages are not valid. The differences are due to IE and Opera going into "quirks mode" - emulating old (bad) browser behaviour - when no doctype is present. If you post the pages exhibiting the problem, I'm sure someone here will be able to give you some idea as to why. Cheers, Kay. ** 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] Appreciate browser check, please
I have just set up my main page and a couple of other pages of my site that I am re-doing using CSS and would appreciate it very much if they could be checked in different browsers. I have checked them in the latest versions of Firefox, Mozilla, Opera and IE. www.mwg.green.net.au/testpages Main page is www.mwg.green.net.au/testpages/mwgindex.html Other pages are www.mwg.green.net.au/testpages/meetings.html www.mwg.green.net.au/testpages/events.html Thank you. Lyn Patterson ** 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] Adding full doctype to pages
I am using the full doc type http://www.w3.org/TR/html4/loose.dtd";> on my main page. I thought I should add it to all the other pages but when I did so, the contents of the left column moved towards the center in IE and Opera so I took it off and things reverted to normal. Is it essential to use it or should I just keep it off the other pages on the site. Thanks Lyn Patterson ** 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] Short way to change background colors on CSS sheet?
Russ Thank you very much - that makes it all very clear - have printed it out ! Lyn Lyn, Regarding id's and body elements... Here is a quick (and very rough) demo page showing how an id within the body element to affect various presentational aspects on three individual pages (click on the page links to check out each page): http://www.maxdesign.com.au/jobs/css/page-id/ The css file is here: http://www.maxdesign.com.au/jobs/css/page-id/page-id.css HTH Russ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Short way to change background colors on CSS sheet?
Paul Thanks you - that is now working! Great ! I have another element - an image in a frame - that must have the same background color as the #container so I suppose I need to do the same thing for those. CSS .floatimgleft { float: left; text-align: center; width: 9em; margin-top: 0.5em; padding: 0.75em; border: 0.1em solid #d52a00; background-color: #e0; } In the HTML Hovea trisperma So I would remove the background color from the CSS so it can be used for all pages, then how do I uniquely identify each page in the mark-up? Can't seem to get my brain around that this morning. Thanks Lyn ** 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] Short way to change background colors on CSS sheet?
Further to my last to Paul - or should I just remove the background color from the DIV CLASS in the CSS and just add a background -color to the DIV CLASS for the image on each page? Lyn ** 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] Short way to change background colors on CSS sheet?
Russ Thanks - I see what you are getting at but not sure how to place the body id in the HTML. I removed the background color from the #container so it becomes generic and added #meetings#container {background-color: #ddd;} to the CSS . Then I added just under the tag in the HTML which is probably wrong as it didn't work so how do I add the unique id to each page mark-up? Thanks Lyn ** 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] Short way to change background colors on CSS sheet?
Hi all Am now working on a template for all pages of my site other than the main page. I want to change the background color of the #container on various pages. So far, I have come up with #container { margin: 0; background-color: #e0; background-image: url(xxx.gif); background-repeat: repeat-y; } #container2 { margin: 0; background-color: #fdffde; background-image: url(xxx.gif); background-repeat: repeat-y; } and so on. I will then specify which particular container in the mark-up.This will make for a rather lengthy stylesheet so was wondering if there is an abbreviated way of doing this. Samples can be seen at www.mwg.green.net.au/testpages/meetings.html and www.mwg.green.net.au/testpages/events.html CSS is at www.mwg.green.net.au/testpages/therest.css Thanks Lyn ** 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] RE: One remaining problem with header
Thanks to Russ this is now fixed - a missing end tag - I should have validated before posting. Thanks Lyn ** 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] One remaining problem with header
Hi again Having implemented the suggestions received from my previous post, things are now going very well except for a most peculiar problem. The line of text in the header is now showing as a link in IE and Opera even though the tag is closed for the link above it. www.mwg.green.net.au/testpages/basic6.html Any advice? Thanks Lyn ** 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] Positioning (I think) problem with image
Thanks to all who replied - I do appreciate it. Nick, sorry about the email format - I thought I had wsg set under Plain Text Domains but hadn't so it is now fixed. I did validate the code and it validated but it didn't mention that the DOCTYPE was incomplete.Will add. Last night I managed to fix the jpg position in IE/Opera by adding some padding to the H1. Not sure why it worked but it did. However, I will certainly clean things up by following all your suggestions. The reason I added the align="right" to the markup is that {text-align: right} was not working in the CSS. When I added it to the mark-up it worked. Back to the drawing board. Thanks again for the help. Lyn ** 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] Positioning (I think) problem with image
Hi all I have a 3-col with header and footer layout main page I am re-doing with CSS. The jpg within the header, positioned at the far left : In Mozilla/Firefox it is positioned within the header as it should be. In IE and Opera it ends slightly below the header. There should be enough room for it so am at a loss to work out why this is happening and how to prevent it. Also, the left navbar in IE and Opera is too far to the right encroaching on the center column. www.mwg.green.net.au/testpages contains all files. www.mwg.green.net.au/testpages/basic5.html is the main page. Any help would be appreciated. Thanks. Lyn Patterson
Re:[WSG] CSS problem solving
Thanks, Russ - yes, there are some great articles around and I have printed out so many and bookmarked so many it is hard to keep track. I find that as a beginner to CSS the main problem is actually recognising just what each problem is. Sometimes when something doesn't work as one expects it is hard to know just where to start the search for what is wrong. Keep reading, I suppose and if that doesn't turn up an answer, then post here. Lyn Patterson