Re: [css-d] IE7 problem with dropdowns
At 07:14 AM 25/03/2008, Chris Kavinsky wrote: I having a very bizarre problem with suckerfish dropdowns and IE7. I have two versions of a page referencing the same CSS file -- one is a static page on the same server as the CSS file, the other generated by a CMS program on a different server. The problem is the dropdown menus are sticking in the CMS version, but the static version works fine. The CMS version is linking to the CSS properly, but seems to be ignoring bits of it. Can anyone see anything wrong that would be cauing this? References: static page: http://ecasite.org/2008template.html CMS page: http://associationdatabase.com/aws/ECA/pt/sp/p_Home_Page CSS file: http://209.235.241.60/css/styles2008.css There's an issue with suckerfish and IE 7.0 with the menus sticking, this link may help. http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling Dialog Box HELP!
At 08:31 AM 22/03/2008, Holly Hopper wrote: I'm trying to make a comic-like dialog box that has to be styled completely in css. The text inside is going to be a variable and edited by the client, so the box needs to change according to the width of the text inside it, otherwise I'd just make the box a background image. Any ideas? http://www.hollyhopper.com/test/test.html I made an image of what the text box is supposed to look like, it's in blue below my divs. Thanks for any help, I've been working on this all day! It almost looks correct in Firefox, but I can't get the inside divs to collapse to be the width of the text inside them. But still, it has to work in both FF and IE... Holly Hopper Hi Holly, Some of the tutorials on 'rounded corners' such as this http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm could help with what you're trying to do? Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates
At 05:51 AM 18/03/2008, Laura wrote: Hello Thank you again for all your help on my last question. Now I'm struggling with this I want the site to have the top margin and left side as the constant and the rest to be variable. I really don't want to clone this page for the rest of the pages for the site. How does one go about making part of the CSS variable while leaving the header and side panel code the same without copying it to each page in the site? The other thing I need to do with the site is add a log in page which will also be on the left side, I don't think that would affect the style sheets though. My site is http://www.returnengagement.org Thanks for any insight. Much appreciated! Hi Laura, I think if I understand the question what you're looking for is 'server side includes'. We do this with PHP includes, and refer to them as components... when developing sites with hundreds of pages or even a few this is how we always develop a website. So the CSS refers of course to your div and then in the html it will look something like this: !-- start navigation -- ?php require($_SERVER[DOCUMENT_ROOT]/includes/navigation.php); ? !-- end navigation -- or Dreamweaver can add it like this: div id=footer!--#include virtual=/includes/subnav.shtm --/div Doing with dreamweaver you need to save your pages as .shtml and the includes as .shtm The include doesn't have any head, body, etc - just the html for that piece. As we build our own CMS customised for each client this works really well doing everything as a component, then one change... changes all pages. Hope I was on track... I get more help than I can ever give to this list so hopefully I've been able to help for a change :-) Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Strange things
Hi everyone, We've been working on this website and Georg kindly helped with a problem in the early part of it. Just as it's nearing completion I'm having problems, so far I've spent literally days trying to work out the why's... First: This div (#ufwus) is the main 'content' div on the site http://www.keenstreet-dev.com/styles/catchment.css #ufwus {/*userfriendly web updating system*/ margin: 2px 25px 25px 25px; display: table; height: 1%; } display: table; height: 1%; was included to allow the map box on the right of the index page (only page it now appears in) http://www.keenstreet-dev.com/index.php to site correctly. Q. It was all working fine and then for no reason that I can figure out when I go to the homepage the text is down the page or there's a big gap in between paragraphs, on refresh it corrects? Second: On this page the div holding the information is quirky... http://www.keenstreet-dev.com/casestudy.php?the_cat=25 I've set out one to a page so you can see... The first page, if only a couple of words are added the div and the div underneath show narrow. When you go to page 2 this is how it should look. I will have no control over the amount of text going in... If I take out - display: table; height: 1%; - from the style sheet the narrow one on page 1 shows wide but the date moves down the page and page 2 the image, pdf link, date etc show in the wrong places. I've validated the homepage and the casestudy page, there are 5 errors related to the small icons in the 'toolbar' being 'absmiddle' which changing to top/ bottom etc has no bearing on the problems. Would really appreciated any who can shed some light on what's happening here? Many thanks Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange things
At 02:55 PM 17/03/2008, Gunlaug Sørtun wrote: Vicki Stebbins wrote: [...] http://www.keenstreet-dev.com/index.php to site correctly. Q. It was all working fine and then for no reason that I can figure out when I go to the homepage the text is down the page or there's a big gap in between paragraphs, on refresh it corrects? I can't see anything wrong with your homepage in any of my win-browsers, neither on first load nor when refreshed. Which browser is acting up? Second: On this page the div holding the information is quirky... http://www.keenstreet-dev.com/casestudy.php?the_cat=25 A table without declared width shrinks when there's not enough content to space it out. That explains your second case. Since you can't declare width and not control the amount (width) of content, you can't use 'display: table' there. One possible alternative: #ufwus {/*userfriendly web updating system*/ margin: 2px 3px 25px 25px; overflow: hidden; } * html #ufwus {/* for IE6 and lower */ overflow: visible; height: 1%; } div#rbox { float: right; display: inline; margin: 0 0 0 5px; } This alternative has the drawback that you can't pull elements visible over the edges of #ufwus - except in IE6 and older. That's why margins on div#rbox has to be corrected, along with margins on #ufwus. Other than that the isolation-effect is the same as before - which makes your homepage line-up work with a few adjustments, and you'll get a full-width container regardless of amount (width) of content - which will solve your second case. Don't think there are any other good CSS-only alternatives for your layout, if you want the right-float on your homepage to line up as intended. regards Georg -- http://www.gunlaug.no Hi Georg, Peter wrote and said the same about the homepage... I think it's me ;-( dear me sometimes I just can't bear browsers and computers. I will look at your fixes for the other and read it carefully to try and fully understand what's going on... sometimes I feel such a slow learner with CSS but I could never go back to a table design that's for sure... I need to keep on keeping on... Many thanks for your help as usual Georg... may your cows milk be rich and creamy ;-) Kind regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Layout issues
HI All, I've looked at so many layouts trying to get my concept design (approved by client and can't change it) to work and I just keep ending up in a mess. What I'm trying to do is have the left navigation float left and the right navigation float right and the centre div remain as a fixed size and stay centred. There's many that almost do it but with the sizes etc it messes up, or the centre div moves to the left etc. If anyone can point me in the direction to see a layout such as this, I'd really appreciate it. The concept is at: http://www.keenstreet.com.au/concept/concept.jpg Many thanks, Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 6.0 Float problem
Hi Everyone, This began as a firefox problem (and IE which I neglected to say in the original post) Firefox is now fixed. But IE 6.0 is still having a problem, the floated box (Map heading) with the text should sit on the right side with the text wrapping and currently it's left, and pushed the text down? Can anyone see a fix? Page: http://www.keenstreet-dev.com/trying.html Main CSS: http://www.keenstreet-dev.com/styles/catchment.css Navigation CSS: http://www.keenstreet-dev.com/styles/nav.css Many thanks Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
At 09:55 AM 9/11/2007, Gunlaug Sørtun wrote: Vicki Stebbins wrote: I'm almost there with this page http://www.keenstreet-dev.com/trying.html but the floated box on the right keeps going to the bottom of the 'ufwus div' instead of the top and then having the text wrap. The floated box on the right side can't go higher up than the one you have cleared below navigation on the left side - unless you isolate the right float from the left. That's how floats are supposed to work. The addition of... #ufwus {display: table; height: 1%;} ...will isolate in most browsers. Can't use 'overflow: hidden' since you have the right float hanging over the edge. IE6 is acting up, but I don't have time to fix that old bugger now. regards Georg -- http://www.gunlaug.no Hi Georg and Jim, Many thanks, Firefox is working :-)) I didn't even think of adding table... I know I certainly have lots to learn... hopefully that will always be ;-) I'll repost this with the subject changed so with the IE 6.0 error just in case anyone knows off the top of their head. Isn't it a bugger that IE is such a pain and you just know most people use it! Thank you so much again for your time. Kind regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Float problem
Hi Everyone, I'm almost there with this page http://www.keenstreet-dev.com/trying.html but the floated box on the right keeps going to the bottom of the 'ufwus div' instead of the top and then having the text wrap. I've placed it in quite a few different places, validated the html and CSS and still cannot see why. It's probably a case of the 'forest for the trees' but I'm just not seeing it. Can anyone spare a couple of minutes to have a look as see what I'm missing? Page: http://www.keenstreet-dev.com/trying.html Main CSS: http://www.keenstreet-dev.com/styles/catchment.css Navigation CSS: http://www.keenstreet-dev.com/styles/nav.css Many thanks, Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6.0 Float problem
At 01:28 PM 9/11/2007, Gunlaug Sørtun wrote: Vicki Stebbins wrote: But IE 6.0 is still having a problem, the floated box (Map heading) with the text should sit on the right side with the text wrapping and currently it's left, and pushed the text down? Page: http://www.keenstreet-dev.com/trying.html Something is triggering IE6' auto-expansion bug, making the right float as wide as its container. I know it doesn't show, but put a border on #rbox and it will. The following... * html #rbox {overflow-x: hidden; width: 185px; position: relative;} ...is a working fix. regards Georg -- http://www.gunlaug.no Hi Georg, Thank you so much this works! I'm going ten to the dozen to get just this page and one internal working so the woman can show it at a meeting next week. Of course when you're on a deadline, everytime you make a change to something it triggers something else ;-) Again many thanks for your help. Kind regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Image Placement in CSS
Hi Elli, Someone may know a more eloquent way but I'd write up an individual class for each and then do the placement in the style sheet. Regards Vicki At 05:08 AM 23/10/2007, Elli Vizcaino wrote: Hello, I'm working on a design that's visually rich and uses a few background images as well as .png files for transparency. I don't want to have to place all the images as backgrounds in order to be able to place the images exactly where I want on the page. Is there a way to declare the placement of an image, without resorting to empty divs with background images or using a good number of nested divs? TIA, Elli __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check
Hi David and Elle, I've made some changes and it's behaving much better, can I impose upon you again to re-look and let me know how it looks to you? URL http://www.abilityincorporated.org.au/index.php Also David you said: seems a bit peculiar that the navigation and copyright seem to be more important than the site's primary content It wasn't supposed to, I'm not sure what happened or why it looked that way when you viewed the page??? Many thanks for all the help. 8-) Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check
Hi everyone, Well more a page check. After lots of spinning my wheels, I think I've got this working??? I've looked on PC Win2k Firefox, Opera 9.0, IE 6.0. URL http://www.abilityincorporated.org.au/index.php Everything validates and I'm hoping it's a fairly okay (not perfect) accessible page which will be used as template for the site. Would really appreciate any comments etc and if it breaks etc. Many thanks Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check
Hi everyone, Well more a page check. After lots of spinning my wheels, I think I've got this working??? I've looked on PC Win2k Firefox, Opera 9.0, IE 6.0. URL http://www.abilityincorporated.org.au/index.php Everything validates and I'm hoping it's a fairly okay (not perfect) accessible page which will be used as template for the site. Would really appreciate any comments etc and if it breaks etc. Many thanks Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check
Many thanks David, I'm looking at it all now, will put it up again for a check when I've made the changes. Kind regards Vicki PS Didn't think we needed the original post and reply in this one ;-) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Accessibility + font sizing
Hi Everyone, I'm looking to begin a site in a couple of weeks for a disability organisation and am trying to get it as accessible as possible, so I'm really thinking about my CSS. Although I've done a few sites now with CSS (could never go back to table design) the penny just hasn't dropped with font sizes no matter what I read... obviously my brain just doesn't work with ems, %, px sizes. So if anyone has a few mins to give me some thoughts on any accessible CSS problems or things to think of and if someone can tell me if this logic is correct: In the CSS body{ font-size: 12px; } would translate through the styles as: div#container{ font-size: 1.5em; } font size 18px for the container? Or do you have to put an em size in the body? As soon as I get a page together I'll put it up and ask for a hammering to iron out any quirks... I really want to do this well for them and another one is in the wings to do the same. Hope a few people have worked on these issues. As always thanks tons in advance. Vicki PS Something I should say - I never could get the i before e except after c rule as for me there's before ie or before ei... It is any wonder I don't get ems ;-) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Conditional Statement
Hi All, I'm wanting to target IE7.0 with a problem it has with 'sticky menus' in the Suckerfish Menus (pop out menu stay stuck out and don't return). The fix is to add this line to the CSS: #nav li:hover, #nav li.over {position: static;} #nav being the nav div that the menu is contained in. When it's added however it breaks the menu in Safari so, I thought I'd do a conditional statement just to target IE7.0. I've never done this before and I put it together like this: !--[if lt IE 7] style * html #nav li:hover, #nav li.over {position: static;} /style ![endif]-- But it's showing the menu broken again in IE7.0 when I take it out of the style sheet and just put it in the conditional statement? Another question does it go in the head, I know it's a dumb question but it's just something I've never done before. I was hoping to keep it so I didn't have to do an additional whole style sheet but just not sure the best way to tackle this one. If anyone can tell me where I've gone wrong or what I should be doing I'd really appreciate it. Regards Vicki PS When it's worked out I'll have to fix about three sites with the same menu problem... I'd put my money on the Sun and solar energy. What a source of power! I hope we don't have to wait until oil and coal run out before we tackle that. -Thomas Edison \(.)^(.)/ --0-- Keenstreet Communications http://www.keenstreet.com.au __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Conditional Statement
At 02:28 AM 25/05/2007, James Gadrow wrote: david wrote: Vicki Stebbins wrote: Hi All, I'm wanting to target IE7.0 with a problem it has with 'sticky menus' in the Suckerfish Menus (pop out menu stay stuck out and don't return). The fix is to add this line to the CSS: #nav li:hover, #nav li.over {position: static;} #nav being the nav div that the menu is contained in. When it's added however it breaks the menu in Safari so, I thought I'd do a conditional statement just to target IE7.0. I've never done this before and I put it together like this: !--[if lt IE 7] Hmmm, that's saying If you're IE version LESS THAN 7, pay attention to this style. So IE6, IE5.5, IE5 are all seeing that style - while IE7 is NOT. What david's trying to say is use !--[if IE7] instead :p the 'lt' stand for 'less than' as david pointed out. Thanks, Jim Thanks Jim and David, I really have trouble 'getting this' ... will make the change and see how it goes. Kind regard Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Navigation problem
At 05:25 PM 7/04/2007, Gunlaug Sørtun wrote: Vicki Stebbins wrote: After my Safari woes I changed the top level li to image mouseovers to ensure they stay within the boundaries... All seemed to work fine until IE6.0. http://www.seco.com.au/index.php A better image-swap method... http://www.alistapart.com/articles/sprites/ ...when modified to go directly on those anchors. Still a weak spot in IE/win... http://www.gunlaug.no/tos/alien/seco-ie6.png ...caused by the fact that you're using text - non-breaking spaces - in those anchors. Of course, those non-breaking spaces create much worse access problems... http://www.gunlaug.no/tos/alien/seco-access.png ...in case that's an issue. To solve both those last problems, the following CSS corrections/additions will get the basics in place... #nav .level1 li a, #nav .level1 li a:hover { width: 9000px; margin-left: -8850px; background-position: 100% 0 /* correct this when sprites are added */; overflow: hidden; } #nav .level2 li a { width: 150px; overflow: visible; margin-left: 0; } ...and the HTML should be written more like this... div id=nav ul class=level1 lia class=why href=Why Travel with us/a ul class=level2 /ul /li lia class=outback href=/outback.phpOutback Experience/a ul class=level2 /ul /li etc. regards Georg -- http://www.gunlaug.no Hi Georg, Thank you so much for this, I need to sit down and quietly go through it and work out just what I'm doing. Kind regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Navigation problem
At 05:26 PM 7/04/2007, Bruno Fassino wrote: Vicki Stebbins wrote: [...] All seemed to work fine until IE6.0. On mouseover the main image disappears and the hover image takes yonks to appear if at all. I'm on a modem and figured it could be a preload/cache thing. [...] The page is at http://www.seco.com.au/index.php (validates) CSS at http://www.seco.com.au/styles/navigation.css (opacity doesn't validate, but will work that out later if needed) IE6 has the tendence to reload/recheck with the server the background images on anchors, even if they have already been loaded/preloaded. The problem is especially visible if IE6 cache settings are: check for newer versions of stored pages | every visit to the page, that fortunately is not the default. There are some techniques to avoid, or at least reduce the problem. The most effective ones require changing some settings on the web server. Here are some relevant links [1], [2], [3] (there are sure many others...) Hth, Bruno [1] http://www.mister-pixel.com/ [2] http://brunildo.org/test/IEAbackima.html [3] http://www.fivesevensix.com/studies/ie6flicker HI Bruno, Thanks, I had IE set to check for newer versions... gee whiz sometimes with all the settings of the different browsers you can just come unstuck. Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Weird Firefox/mozilla refreshing and jumping issue
Hi Everyone, A fellow who joined the list but hasn't heard back asked if I'd send this on... the page validates if using the address http://bellsouthpwp2.net/m/_/m_rafi/ to validate it. His email is below: == Hello - I'm running into a strange Firefox bug which I can't figure out, and hoped a CSS guru out there could tell me what's wrong. Here are screencaps of the problem. This is running on FF 1.5-2.0 Windows: http://www.geocities.com/craiggivens01/screen.jpg http://www.geocities.com/craiggivens01/screen2.jpg And here is the XHTML: http://home.bellsouth.net/p/PWP-dzine You can click on Hide Menubar to remove the ISP's top bar (extra source code). Click on the left orange blocks which say Click This Title to see the same effect on the subsequent page. That left column div (called leftColumn-home and leftColumn in the css) sometimes renders way down below the fold when Firefox loads the page -- leaving all that white space gap in between. When I hit refresh on the browser, it sometimes gets cleared up and jumps back up into place. Other times it reverts back down. This doesn't happen in IE -- only Firefox and Mozilla. I figured this has something to do with the way the float is set for that div, but who knows what it could be given the crazy markup order of the page (which was necessary to preserve the design and acessibility). It usually happens on a first load of the page. If not, Hit the back button and try clicking on the orange blocks once more to get the page to re-load. Any advice you can offer on fixing this or any other helpful tips in tightening the CSS is much APPRECIATED! - Craig == Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Navigation problem
Hi Everyone, After my Safari woes I changed the top level li to image mouseovers to ensure they stay within the boundaries... not my favoured way of doing things but I just have to get this sorted out and working. All seemed to work fine until IE6.0. On mouseover the main image disappears and the hover image takes yonks to appear if at all. I'm on a modem and figured it could be a preload/cache thing. There's still a lot of people in the targeted group for this site that would be using IE 6.0 and a modem, especially in regional Australia. Have gone in absolute circles with different things (preload, cache, making the hover image as small as possible) but nothing seems to work. Can anyone see how I can get this working smoothly or point me to a place where I might get some help. The page is at http://www.seco.com.au/index.php (validates) CSS at http://www.seco.com.au/styles/navigation.css (opacity doesn't validate, but will work that out later if needed) Many thanks, Vicki I'd put my money on the Sun and solar energy. What a source of power! I hope we don't have to wait until oil and coal run out before we tackle that. -Thomas Edison \(.)^(.)/ --0-- Keenstreet Communications http://www.keenstreet.com.au __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari navigation problem
At 03:08 PM 3/04/2007, Gunlaug Sørtun wrote: Vicki Stebbins wrote: What she sees is here:http://www.seco.com.au/safari.html Here's the page: http://www.seco.com.au/index.php Here's what I see in Firefox on win2K... http://www.gunlaug.no/tos/alien/seco-firefox.png ...so I would worry more about the list-construction as a whole than about the minor line-height differences between browsers. You can't rely on line-height to line up those list-items. You must set height on them and/or give them each their own background. They also need space to grow in. Alternatively you can turn the list into images, so you won't have any font-size problems to worry about. regards Georg Hi Georg, I just knew it was going to be difficult, I shouldn't have agreed to do this for the graphic designer. I will rethink how I do the navigation I think and then see how it goes. It's difficult at times with print based designers thinking a webpage is like a piece of paper... it makes life more difficult than it needs to be. Thanks Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari navigation problem
Hi everyone, I've been working with a graphic designer on the redevelopment of a website and she's using Safari on a Mac. When she views the navigation menu, the spacing of the li aren't the same as in Firefox and IE on the PC (win2k) and the opacity filter isn't working. Can anyone give me some thoughts on how I can have it work in Safari as well as the firefox, IE and Opera? I spent a week getting this to work on the PC. What she sees is here:http://www.seco.com.au/safari.html Here's the page: http://www.seco.com.au/index.php CSS: Navigation menu: http://www.seco.com.au/styles/navigation.css Page: http://www.seco.com.au/styles/explorer.css The page validates for the xhtml and the navigation menu css validates (other than the opacity filter which I think I can work around). The main thing I need is the li to line up on the image behind and the mouseover image to line up on the image behind. Thanks tons. 8-) Vicki I'd put my money on the Sun and solar energy. What a source of power! I hope we don't have to wait until oil and coal run out before we tackle that. -Thomas Edison \(.)^(.)/ --0-- Keenstreet Communications http://www.keenstreet.com.au __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Div sizing problem
Hi all, We've almost completed this website (redesign) and I've got a problem with a div in a shopping page. I've got the navigation floating and then small divs with classes within a main div (#ufwus) to display product. The problem is that the first div sizes itself to the length of the navigation, which will dynamically be built by the client so may end up longer than you would want the first product div to be. Images that will be displayed in the product divs will all be 150px wide but could be any length. To ensure the picture stays within the div a small 'spacer div' is placed a the end of each product div to make it grow with the image. The spaces div when deleted shows the first div correctly but not the image if it's long... I'm at a loss of what else to do to fix this and would really appreciate if someone could take a look. html and css: http://www.schygiene.com.au/shopping.php?cat=8 http://www.schygiene.com.au/styles/hygiene.css Thank you Vicki I'd put my money on the Sun and solar energy. What a source of power! I hope we don't have to wait until oil and coal run out before we tackle that. -Thomas Edison \(.)^(.)/ --0-- Keenstreet Communications http://www.keenstreet.com.au __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Div sizing problem
At 02:07 PM 23/01/2007, Gunlaug Sørtun wrote: Vicki Stebbins wrote: The problem is that the first div sizes itself to the length of the navigation, which will dynamically be built by the client so may end up longer than you would want the first product div to be. http://www.schygiene.com.au/shopping.php?cat=8 Would the addition of... #ufwus {overflow: hidden; margin: 0; padding-left: 30px;} * html #ufwus {overflow: visible; height: 1%;} ...give the desired result? The above will establish a new 'Block formatting contexts'[1] for that container - isolating its content from its surrounding, and thereby preventing any 'clear' from interacting with elements outside this container. The usual workaround for IE6, and older versions, is also included. regards Georg [1]http://www.w3.org/TR/CSS21/visuren.html#q15 -- http://www.gunlaug.no Hi Georg, Many thanks this worked!! Oh for the hours spent trying to get this working. I didn't quite get the IE workaround but did it. Thank you so much. Kind regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] thumbnail gallery with captions
At 11:23 AM 23/01/2007, David Sharp wrote: I have a bunch of image thumbnails - all the images are the same size, but some are portrait, some are landscape. I currently have them displayed inline, text-align : center; vertical-align : middle; so they fill each row from the center of the screen, and wrap when required. The vertical-align means orientation is not an issue. My problem arises when wanting to center a caption under each image. Because the images are inline I can't absolutely position the caption with respect to the anchor. Making each anchor a block means I would have to float them and therefore lose centering. This is not the site in question, but if you want to have a tinker try www.bsq.com.au/bubs/baby.html -CSS styles are in the head Hi David, Just noticed your post so I'll throw my two cents in... I did a gallery (modified over a few sites) from Eric Meyers book More Eric Meyer on CSS' . It seems to be more what you are trying to do I think? All the galleries I've done are part of a custom CMS where the clients all maintain these galleries and as such do not heed my advice about length of 'title' etc, but it's their sites. If you are maintaining yourself it would be different. Here's some examples: http://www.byronpropertyforsale.com/gallery.php http://www.4wdnsw-act.asn.au/gallery.php http://www.explorerexperience.com.au/gallery.php?cat=Outback CSS in the head, and if Eric is okay for you to use the CSS/html I don't have a problem with you using it if it's what you're looking for. Kind regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera - missing div
At 12:03 AM 18/12/2006, francky wrote: ... and Opera 9.01 on Linux too! http://browsershots.org/screenshots/fdd18cdfb41e601525c89ab951206bc8/ francky Hi Francky and Charles, I seem to be having a delay problem getting some of my mail through to the list. This was the first posting, which didn't seem to show up then another and final on the third go it arrived. The problem was fixed thanks to Georg and Andrew. That followup to them hasn't shown yet either, so who knows what will happen with this. The problem was in my absolute haste I forgot to validate the page (very red faced about that) and once validated and the flash put in correct all fell into place. Many thanks for both your help. Kind regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Opera - missing div
Hi everyone, I sent this through yesterday and it didn't arrive so here's hoping. I've been plodding along, I think improving with my CSS (I thought not good enough to be of much help to anyone but I answered a question... very excited) anyway as always have come across something weird. Here's the page http://www.seco.com.au/cart.html and the CSS http://www.seco.com.au/styles/hygiene.css I had a heap of problems with IE and now after a lot of messing about that seems to be in order, Firefox is fine but Opera 9.02 is a problem (just downloaded the 9.02 after it not working in 8.0). What's happening is the footer with an image of brown grass isn't showing. I've tried all sorts of things to no avail. Can anyone shed some light on this? Many thanks Vicki I'd put my money on the Sun and solar energy. What a source of power! I hope we don't have to wait until oil and coal run out before we tackle that. -Thomas Edison \(.)^(.)/ --0-- Keenstreet Communications http://www.keenstreet.com.au __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS menu drops behind content div -- how to fix?
At 03:07 PM 12/12/2006, you wrote: I'm using a CSS P7 menu on this draft page and it is dropping down behind the content div. Peg ambientglow.com __ Hi Peggy, Try changing this in your main.css: #nav { z-index: 16; Tested it and it worked. Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Opera - continuing woes
Hi everyone, I sent this through yesterday and this morning and it didn't arrive so here's hoping this time. Now have an additional Opera problem: First problem: The footer div with an image doesn't show in Opera, have tried everything to no avail. Second: The page is a shopping cart and each product is within a div with a class attribute which in turn is inside a content div (named ufwus). The second product shows outside of the ufwus div and without the fonts etc. Here's the page http://www.seco.com.au/cart.html and the CSS http://www.seco.com.au/styles/hygiene.css I had a heap of problems with IE and now after a lot of messing about that seems to be in order, Firefox is fine but Opera 9.02 is a problem (just downloaded the 9.02 after it not working in 8.0). Can anyone shed some light on this? Getting desperate now and the programmer is waiting on me finishing the CSS before he PHPs the cart Many thanks Vicki I'd put my money on the Sun and solar energy. What a source of power! I hope we don't have to wait until oil and coal run out before we tackle that. -Thomas Edison \(.)^(.)/ --0-- Keenstreet Communications http://www.keenstreet.com.au __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Navigation woes
Hi all, I looked at http://www.ryanbrill.com/floats.htm which was related to the subject: Is this possible at all... and noticed that the layout was exactly what I was trying to achieve, so I took Georg's advice and modified as required. I've ended up solving my navigation woes... this layout made it easier to track where the problem was as well. Many thanks Georg! Regards 8-)) Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Navigation woes
Hi all, I've just begun a redesign of a site (a love job) and am having trouble with my navigation div. In IE the popout menu appears but you can only select the top menu item, in other words if it shows: * cats * dogs only cats can be selected and the menu disappears for dogs. In Opera the width of the div grows to house the popout menu within the div instead of popping out outside of the div. Works fine in FF and validates well for the CSS and xhtml. I'm trying to keep this site easy and clean and easy to update... the previous site has ended up cluttered and difficult to maintain other the cats and dogs. The page is at http://www.animalrights.org.au/new/ CSS at http://www.animalrights.org.au/new/styles/arrg.css I've used the menu before and didn't have this problem but this time I was wanting the main nav to show as the boxes. Hoping someone can help. Many thanks Vicki I'd put my money on the Sun and solar energy. What a source of power! I hope we don't have to wait until oil and coal run out before we tackle that. -Thomas Edison \(.)^(.)/ --0-- Keenstreet Communications http://www.keenstreet.com.au __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bullets in IE
At 05:18 PM 13/02/2006, Gunlaug Sørtun wrote: Vicki Stebbins wrote: I've going in circles trying to figure why IE is putting bullets in the li on this page http://www.4wdnsw-act.org.au/test_gallery.php Hope someone can see a really quick thing that I'm obviously doing wrong. One solution that'll work - add... #gallery div ul li {float: left;} ...since there will be no bullets on floats. regards Georg -- Hi Georg, WORKED!!! Many thanks and not in a million years would I have thought of that one. Regards 8-) Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Bullets in IE
Hi All, As usual I'm going 'ten to the dozen' trying to complete a site... it's got a fairly chunky backend (php person doing that but I need the html and css working exactly before he gets it). I've going in circles trying to figure why IE is putting bullets in the li on this page http://www.4wdnsw-act.org.au/test_gallery.php CSS here: http://www.4wdnsw-act.org.au/styles/gallery.css It works fine in FF, looked up the books I have etc and just cannot get it working correctly in IE. Hope someone can see a really quick thing that I'm obviously doing wrong. Thanks Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Form field colours
Hi, I'm working on a site with quite a few forms. I set the background colour via the CSS to reflect a grey colour for the background in the text boxes, which works fine in FF and Opera but in IE6.0 it randomly shows some of the text boxes 'yellow'??? I've tried everything I can think of, it seems it's IE (still there when there's no stylesheet), and I've never had this with any other form. When I remove the form/form it shows okay... there's no pattern with which fields it makes yellow either. Also tried it on different servers. I haven't changed my IE settings, I only use it to test a site. Does anyone know what is happening? Thanks Vicki (with very bruised forehead from banging against wall) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Form field colours
At 09:56 AM 22/01/2006, Christian Heilmann wrote: I set the background colour via the CSS to reflect a grey colour for the background in the text boxes, which works fine in FF and Opera but in IE6.0 it randomly shows some of the text boxes 'yellow'??? It is the google toolbar indicating which fields have data already stored for you in the google toolbar history: http://www.wait-till-i.com/index.php?p=73 -- Chris Heilmann Thank you so much Christian! I only installed the google toolbar recently and did google searches looking for the reason for the yellow, and didn't get anything about this. Once again, Thank you A happy if bloodied foreheaded 8-) Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Attributes of classes
At 08:44 AM 4/12/2005, Vicki Stebbins wrote: Hi all, I've got myself going in circles with this, I initially had the same div ID in these pages which could be multiple times. It got a validation error. I realise now that it's a no no and have made these divs CLASSES. That works but now some of my classes on li class=title for instance now don't work? I thought I'd best let the list know this is now sorted out (and anyone who may be struggling with the same problem) many thanks to Peter Abramowicz who said this: The reason it was working before with ID's is that ID's are more specific then CLASSES, once you switched to CLASSES the selector wasn't specific enough. One solution would be to modify to the title selector - div#ufwus li.title. For a fuller explanation of specificity check out: http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html. Now leaving all that aside, wouldn't it make more sense 'semantically speaking' to have the title as a hx element? ie. ul h2{ font: normal bold small Arial, Verdana, sans-serif; color: red; margin:1em .5em 1em; } PeterA. Thanks once more to the list and Peter. 8-) Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Attributes of classes
Hi all, I've got myself going in circles with this, I initially had the same div ID in these pages which could be multiple times. It got a validation error. I realise now that it's a no no and have made these divs CLASSES. That works but now some of my classes on li class=title for instance now don't work? I think I've gone through every which way of writing it, to no avail... The new pages with the new class attributes are here: http://www.explorerexperience.com.au/testimonialsb.shtml http://www.explorerexperience.com.au/outbackb.shtml The CSS for these two new pages is here: http://www.explorerexperience.com.au/styles/imagetripb.css How I want the pages to look is here: http://www.explorerexperience.com.au/outback.shtml http://www.explorerexperience.com.au/testimonials.shtml These pages are using the old style sheet and only have one div in each page... Many thanks in advance. Regards 8-) Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Opacity filter backgrounds
Hi everyone, I've successfully got the opacity filter working okay for a background that displays an image. The problem is the image is also made transparent, see http://www.explorerexperience.com.au/gallery.shtml CSS: here http://www.explorerexperience.com.au/styles/image.css Anyone know how to keep the background transparent and have the text and image not? Thanks Vicki I'd put my money on the Sun and solar energy. What a source of power! I hope we don't have to wait until oil and coal run out before we tackle that. -Thomas Edison __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opacity filter backgrounds
At 09:55 AM 9/11/2005, Derek de Jong wrote: Hi everyone, I've successfully got the opacity filter working okay for a background that displays an image. The problem is the image is also made transparent, see http://www.explorerexperience.com.au/gallery.shtml CSS: here http://www.explorerexperience.com.au/styles/image.css Anyone know how to keep the background transparent and have the text and image not? My suggestion would be to use an Alpha-transparent PNG and use something like Dean Edward's IE7 to ensure it displays correctly in IE 5.5 6. (Don't forget to name the file with -trans.png, in the IE7 case.) However, I recently confused myself trying to do something similar; I put a 1-pixel black repeated background positioned overtop of a another black element (body background), and it went gray (btw #333 #555). I had assumed 50% #000 on top of #000 would yeild #000, but unless I did something wrong in generating the PNG, it didn't, even in better-behaved browsers (like FF and OP). This threw off my intuition using Alpha transparency, so I instead used the various opacity properties for each browser (because I didn't mind the opacity inheriting). (If the reasoning doesn't make sense, it was for a sonofsuckerfish dropdown over an image gallery; so the menu would obscure the image while keeping it visible, but would blend with the background. I don't just make overly complicated black-on-black elements for fun.) The PNG solution should work, however, with some javascript to make sure IE applies its PNG Alpha filter. HTH, Derek Hi Derek, Thanks for this. I was trying not to use pngs... I know that Opera doesn't support the opacity filter and I can accept that... if it's not possible to have the container div with the opacity containing the image and text without giving them the opacity I may have to live without it. Thanks for your help. Regards 8-) Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I want to scream
Hi Angela, Thought it best I write off list. I know exactly how you feel... My first table less website (all CSS) nearly gave me a nervous breakdown, thank god the client was overseas and not pushing... it took an age and cost us far more to build than quoted and I ended up getting a CSS person to do the CSS (paid him very well), and it wasn't worth it, I still had to make changes and understand what he was doing... in the end it fell into place with lots of help from this list, and I completed the site. Big sigh of relieve and big, big glass of wine each night! ;-) The next site (I've been doing this for a living since 1997, so like you have to work to client timetables) was way easier and I felt sooo much better on completion. The one after that I started to enjoy using CSS and felt I was understanding it a bit more. The site I'm on now, I couldn't and wouldn't want to go back to a table design there's s much more scope for the actual design with CSS, but I still feel a CSS newbie! Keep going if you have the time to work it out for this site, it will be worth it in the end. Kind regards and good luck, 8-) Vicki At 10:05 AM 5/11/2005, Angela Trigg wrote: Been developing in Firefox like a good little CSS newbie, and am making the tweaks necessary to make it work in IE6/WIN (which feels like trying to put a rubix cube together). I felt like I was so close, until I just took a look at it in Netscape 7! I feel like throwing the towel in and going back to tables--- seriously-- I can code sites so fast that way because I've been doing it for so many years, can someone give me a reason to stick it out given all the hacks you have to do, etc? I hate to have to go back because I've invested hours and hours and hours into trying to get this to work using just CSS. Here's my site: http://cmmi.trgsoftware.com __ ANGELA TRIGG * TRIGGERID __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check
At 03:46 AM 31/10/2005, Bala Clark wrote: hi, Earlier I asked for help with getting drop shows on my blog, I've solved that problem now and would appreciate some feedback on the design. I've simply modified one of the defaut blogger.com stylesheets with my own css. Right now it seems a little too blue, any other opinions? heres the url: http://nandasunu.blogspot.com/ thanks. Bala Clark Hi Bala, A really great tool to use for colors is Color Schemer, there's a trial at http://www.colorschemer.com/ also you can download color schemes and use a eye dropper to grab from your computer/browser etc... you'll get the picture when you see it. I like the drop shadows and IMO the blue is a tad too bright, you can put lots of blues together if they all compliment each other. Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Suckerfish blues (again)
At 11:26 AM 31/10/2005, Graham Reeds wrote: I have implemented a suckerfish menu for a redesign of a game site. However every implementation I come up with works fine in FF and Opera8, but fails in IE6 (only tested on Windows). I also used the block image code which I was having trouble with last week (thanks for the help). The test site is here: http://homepage.ntlworld.com/graham.reeds/space and the css is here http://homepage.ntlworld.com/graham.reeds/space/styles/space_styles.css ... Thanks, Graham Reeds. Hi Graham, I have to say I got so frustrated with the suckerfish menu I bought Eric Meyer's Book 'More Eric Meyers on CSS' and implemented his menu (easy and worked well), it also had how to do an image gallery which was perfect for the job I was working on. I was pointed to the book by Kev Adamson http://www.kevadamson.com, he had used it in the sites he designed. Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background color warnings
Hi Trish, I posted the same last week, it seems to have recently started doing this. Here's the replies I got: http://archivist.incutio.com/viewlist/css-discuss/?search=CSS+Validation subject CSS Validation. I took the advice that it was only a 'hint' to check your code and if it's okay then ignore the warnings. At the moment I need to put into writing a statement in the estimate/contract I do for clients to cover if they find the validation service and think their site is not working properly... a couple of other people would like a copy and then they may come up with a bit more... let me know if you want it too. Regards Vicki At 01:54 PM 30/10/2005, Trish Meyer wrote: Sorry if these are newbie questions... After validating the CSS on a site I did http://www.wildscaping.com/ I get the following warningsa about background color: * Line : 42 (Level : 1) You have no color with your background-color : div#utilnav * Line : 78 (Level : 1) You have no color with your background-color : div#sidebar * Line : 92 (Level : 1) You have no background-color with your color : #profile * Line : 92 (Level : 1) You have no background-color with your color : #profile * Line : 161 (Level : 1) You have no background-color with your color : a:link * Line : 165 (Level : 1) You have no background-color with your color : a:visited * Line : 169 (Level : 1) You have no background-color with your color : a:hover etc etc etc etc...it goes on... Am I doing something wrong in the CSS that can be easily fixed, or do I need to specify the background color explicitly in each style mentioned? The CSS is at http://www.wildscaping.com/stylesheets/ws_stylesheet3.css --- Also, is there any difference between div#summary p #summary p p#summary I noticed Eric Meyer was using the 3rd option (p#summary) in a tutorial, and I'd never seen it done this way. thanks, Trish -- ___ \ Trish Chris Meyer/CyberMotion: Motion Graphics Design Effects \ recent projects clients: http://www.cybmotion.com/projects \ books, video, articles: http://www.cybmotion.com/sharing \ music (including Alias Zone): http://www.cybmotion.com/music \__ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Validation
At 07:56 PM 26/10/2005, Gunlaug Sørtun wrote: Vicki Stebbins wrote: For me, I'll now include in my written estimate of a job, a clause which says something about 'warnings' in validation services just to cover all avenues. If you come up with a good text then let me know - off list, I guess. Clients are often worse than the validator about validation (if they have any idea about it), so I certainly could use a written statement to hold them back... :-) regards Georg Hi Georg, You're not the only one to ask, I normally try to keep this sort of statement simple, not too much jargon as it confuses people. (Haven't we all had the client that used lots of jargon without a clue what they were talking about!) When I have something put together I'll send through off list to you and anyone else interested, and if anyone else has something already I'm sure I'd like a look at their's also... it's certainly good to pool resources with this sort of thing. Regards 8-) Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Validation
Many thanks Christian, It's certainly off-putting when the pages showed without the warnings and then suddenly, boom! David sent a link to a previous post which I hadn't received explaining the warnings. Now I've gone through them and yes you are quite right, about the warnings and my CSS is fine. Thank you again, it's certainly good to have something confirmed. Regards 8-) Vicki At 03:15 PM 25/10/2005, you wrote: The answer to put a background color into everything doesn't quite work for me, when I get the error: 'You have no background-color with your color : p ' Vicki, that's not an error, it's a warning. And warnings do not mean that your page doesn't validate. To be more specific, that particular warning is a bug. The validator can't actually see that your page has the correct colors. It just sees that a property is not defined. But if you know that your pages look correct, even with images disabled, then you've heeded the warning, and there's no need to worry. -- C Montoya - I hate dash dash rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Validation
At 10:38 PM 25/10/2005, Gunlaug Sørtun wrote: Nick Fitzsimons wrote: Frankly, it's a pretty useless warning in most cases. It would be better to describe it as a hint: Make sure you're really doing what you wanted to do, and if you are, ignore this. IMO: the same can be said about all [error] and [warning] messages. If you know what you're doing, then the whole validation-issue comes down to whether or not you want a [valid-badge] from W3C. Validation can assist us by pointing out weak points, typos and errors in our coding. 'Valid' or 'not-valid' has little or nothing to do with 'working CSS', and the quality of our code is not depending on what the validator tells us. To give a clear example: W3C are accepting the use of browser-specific, not normative, CSS-properties, and have even documented how to name and use such CSS-properties. W3C is also defining how browsers should use and/or ignore certain things. Some of these are related to older CSS-parts and some are 'possible' future parts. They are exceptions, and documented as such on the W3C site. It doesn't make them valid, so the validator may protest wildly. However, there's no other way to allow for 'real world' CSS and pre-testing in browsers, and coders should learn to recognize these [errors] and [warnings] for what they are, just as W3C does. regards Georg Hi Georg, I hear you with: IMO: the same can be said about all [error] and [warning] messages. If you know what you're doing, then the whole validation-issue comes down to whether or not you want a [valid-badge] from W3C. In my experience some clients do want the 'valid badge'. I have had a client who went to bobby some years ago and got warnings and thought their website was full of errors and wouldn't work (albeit they could see it did work). Whilst I agree, that most of the time the validation service is used as a development tool, those of us with client's who find these tools see a warning as a problem with their site that they just paid good money to have developed. Explaining that everything is okay works but calling it a 'hint' is a way that works for me, rather than 'warning' which is very confusing. IMO It's difficult enough to get things to work properly on as many browsers and platforms as possible within the time-frame to complete a job, without the added confusion of 'warnings'. For me, I'll now include in my written estimate of a job, a clause which says something about 'warnings' in validation services just to cover all avenues. Once again many thanks to Nick, Christian, David and yourself for making this s much clearer for me. Regards 8-) Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Validation
Hi all, I've just gone to http://jigsaw.w3.org to validate the CSS for the latest site I'm doing and I got a heap of warnings, so I then went to previous domains that hadn't had the warnings to find they now do as well. Mainly it's to do with the background-color: which I have as part of background: and it always validated okay. Can someone tell me have they changed the validator? If so what do I do about all the work that I've done to have it without warnings, without laboriously going through each style sheet that the job is now finished? Thanks Vicki I'd put my money on the Sun and solar energy. What a source of power! I hope we don't have to wait until oil and coal run out before we tackle that. -Thomas Edison __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Validation
At 11:37 AM 25/10/2005, David Laakso wrote: Vicki Stebbins wrote: Can someone tell me have they changed the validator? Vicki Vicki, There have been numerous posts and replies regarding the questions you've asked over the past 14days. Presumptuous of me, I know, but check this months archives. ~dL -- David Laakso http://www.dlaakso.com Hi David, As always thanks. I have looked through the last 14 days to no avail (of course it may be been a different subject than CSS or Validation/Validator), I did find a little by sorting by subject back on 17 July 2005. It still doesn't explain why, and if the validation is to stay like this. The answer to put a background color into everything doesn't quite work for me, when I get the error: 'You have no background-color with your color : p ' To put a background-color: then covers the background image from the div below, if there's a better way I'm happy to change this site as it's only just begun. Does anyone know an answer to why with the validator? Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Horizontal navigation menu
At 11:25 AM 25/08/2005, Peter Williams wrote: From: Vicki Stebbins (Skinner) The drop down navigation menu at http://www.rosellaorchids.com.au/about.php is quirky! CSS is at http://www.rosellaorchids.com.au/styles/rosella.css I want the home link to be in line with the other links when showing in a 800px browser... to do this I shortened the width of the #nav a to 6em and it works in IE but then FF shows the word 'catalogues' with the 's' cut off... I put it back to 8em and still the 's' is cut off and in IE the 'home' link shows underneath. Tried using About us Contact Gallery etc instead of all caps? You are so close that it will only need a nudge to get it to fit. -- Peter Williams Hi Peter, Just tried it (on our webserver) and nope, didn't work... Thanks Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Horizontal navigation menu
At 02:12 PM 25/08/2005, Al Sparber wrote: From: Vicki Stebbins (Skinner) [EMAIL PROTECTED] Hi Al, Many thanks. I changed the ems to pixels (I understand pixels better) and so now have: width: 80px; padding: 4px 2px 4px 2px; But now FF is cutting off the word catalogues halfway through the E... any suggestions? Leave things the way they were and just increase the width set on the LI from 8em to 8.3em. 80px is way too narrow. Hi Al, I did that and FF is right but now the 'home' is wrapping again? I don't want to drive you as nuts with this... Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/