Re: [css-d] whatever:hover fast and easy via Dynamic Properties
Neat. But then on this end ( XP_SP2) IE6.0 'Security' setting at high. Now what I'll do? Any JavaScript is turned off with security setting high. No difference if you use an behavior, these dynamic properties I mentioned or just a normal javascript file. Therefore I recommend using whatever:hover for some nice and useful effects, for example highlighting form elements, table rows and so on, but not for anything critical. It just should degrade gracefully without javascript enabled. Cheers, Klaus __ 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] whatever:hover fast and easy via Dynamic Properties
IE/Win: .whatever { background-color: expression(this.runtimeStyle.backgroundColor, this.onmouseover = function() { this.className += ' whateverhover'; }, this.onmouseout = function() { this.className = this.className.replace('whateverhover', ''); }); } Very nice! You can take this part out of the expression and it will still work: --this.runtimeStyle.backgroundColor,-- Did you leave that part in by accident or was there a purpose? Hi Brett, thanks for the tip! I did not leave that part in by accident - I just thought, if I leave out defining the background color somehow, I would overwrite the background from .whatever in the basic style sheet. One can also use a totally unused property to assign the events, like: .whatever { zoom: expression( this.onmouseover = function() { this.className += ' whateverhover'; }, this.onmouseout = function() { this.className = this.className.replace('whateverhover', ''); }); } But this may have side effects in some cases. zoom for example triggers layout, which can have some effect on the rendering... Regards, Klaus __ 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] Trouble with list/link in IE
Hi folks, I was wondering if someone out there could help med with something thats been bothering me for 2 days now. I´ve made a menu on my site using lists, and styling it using CSS. It works perfectly in Fx and Opera, but in IE the list-items seems to be double the height of whats intended. The lists links are styled, and I´ve added display:block to the a-element to make it easier for users to hover the links. This does not work in IE, at least not until I specify the width of the a-element. Only trouble is, if I set the width, other problems occur in all three browsers, and breaks my zoom (or elastic or whatever its called) layout. You can see for yourself at http://bjoerseth.com/, and the stylsheet can be found at http://bjoerseth.com/stilark.css. Anyone have a clue? Thanks in advance, __ 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] A Little Firefox Firefly
When I load this page: http://scarabbooks.com/index.php CSS: http://scarabbooks.com/main.css into Firefox, it loads with the footer text This site is protected by... right on top of the image 'Passing Time in the Loo.' When I refresh, then the footer goes to the bottom, where it belongs. I presume this is because now Firefox knows how big the graphics are. What is the recommended method to avoid this problem when the page first loads? Thanks, Hershel __ 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] Problem with Eric Meyer dropdown menu
Hello, I've juste made a drop down menu using the method explained in more Eric Meyer on css. My problem is that when the menu get over a div with a property overflow:auto, it disepear. I can't give an url because it is an intranet. Does someone has the same problem ? Thanks for help Pascal PS : please tell me if my explanations are not clear, english is not my natural language... __ 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] Strange float drop
Leigh Baker-Foley wrote: Hello again all, Same source XHTMLL: http://8.3.8.136/ Same source CSS: http://8.3.8.136/style/ief001.css All still validating. This time I muddled through several hours of hair ripping before writing for your help, just in case. :D I'm having a seemingly unfixable float-drop problem on fixed width floats in IE Mac. ... Rule #1 about dropped floats. Drpos are ALWAYS due to something being too wide to fit in the space available. Add up all the widths, padding, and margins. Then, make understand browser deficiencies (next paragraph) and you'll find not enough space. From a very quick look, you have not made accommodations for IE's broken box model. IE on the MAC, and IE 5.x on Windows, calculates widths differently than standardsw compliant browsers. There are many ways to handle the problem: http://css-discuss.incutio.com/?page=BoxModelHack BTW, please don't include source code when you've already included a URL. The list is about 6000 people and that's a lot of bloated messages to send. -- Bob Easton Accessibility Matters: http://access-matters.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/
[css-d] shorthand background:url(file.extension);
Hi list When I use the shorthand background: url(image.gif) fixed; all browsers should expand it to background: url(image.gif) 0% 0% fixed transparent; In Mr. Zeldman's book (Designing with ...) I've seen an explicit p { background: transparent; ... ... } and I don't understand, why it could/should be important, since this is the initial value anyway, and there is no earlier declaration to overwrite. Prevention? Every background information would be appreciated. Regards, Uwe Kaiser -- __ 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] Problem with IE and background image
I am new on the list and need some help. I have placed a fixed background image on my Web site at: http://www.shamar.org/emet/. It works fine in Firefox but not IE. However, I have a fixed image on another place on the Web site http://www.shamar.org/ that works fine in both Firefox and IE. The style sheets are loaded here: for the site that doesn't work: http://www.shamar.org/style/news.css and for the site that does: http://www.shamar.org/style/core-style.css I am guessing it's something simple ... appreciate it. Lee __ 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] shorthand background:url(file.extension);
When I use the shorthand background: url(image.gif) fixed; all browsers should expand it to background: url(image.gif) 0% 0% fixed transparent; In Mr. Zeldman's book (Designing with ...) I've seen an explicit p { background: transparent; ... ... } and I don't understand, why it could/should be important, since this is the initial value anyway, and there is no earlier declaration to overwrite. Prevention? My guess it is a best practice thing: When you define a foreground, you should also define a background. The CSS validator also moans about omitting that. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ 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] shorthand background:url(file.extension);
On 11 Jul 2005, at 9:48 pm, Uwe Kaiser wrote: Hi list When I use the shorthand background: url(image.gif) fixed; all browsers should expand it to background: url(image.gif) 0% 0% fixed transparent; In Mr. Zeldman's book (Designing with ...) I've seen an explicit p { background: transparent; ... ... } and I don't understand, why it could/should be important, since this is the initial value anyway, and there is no earlier declaration to overwrite. Prevention? 1/ it is a recommended practice to set both background colour and foreground colour at the same time 2/ it could be for overriding a previous, or less specific rule. p {background:lime;} p.foo {background:transparent;} etc. Philippe --- Philippe Wittenbergh http://emps.l-c-n.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/
[css-d] Re: css-d Digest, Vol 32, Issue 15
Thank you for your e-mail. I am currently out of the office and only periodically checking e-mail. I will respond to your e-mail when I return to the office on Monday, July 18, 2005. Jason Gennaro JJPG Communications www.jjpg.com E-mail: [EMAIL PROTECTED] Phone #: 647-296-JJPG (5574) __ 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] Print CSS Expandable Menu buggy
I am using a expanding menu based on http://www.gazingus.org/html/menuExpandable.html The menu uses li for the items. There is a very small amount of javascript. I would like to have the menu print expanded even though it is collapsed on the screen. When I first go to the page, I can click on print preview and see the expanded menu even though it is collapsed on the screen. If I click on one of the items on the screen to expand and click on it again to collapse, that item will print collapsed. In my screen stylesheet I have the class set to display: none;. In the print stylesheet the display none is removed, yet it still doesn't print. I have been messing with this for hours. Maybe a fresh set of eyes will see something I can't. Your help is greatly appreciated. If this is not possible, any suggestions of better ways of accomplishing this are welcome. :) Actual page: http://www.korahlissa.com/cdc/cafrica.htm (located at the bottom of the page under For More Information - starts with Diseases carried by insects) Text Versions and screenshots: http://www.korahlissa.com/cdc/_links.htm Melissa H. Craddock Centers for Disease Control and Prevention (CDC) __ 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] Strange float drop
On 11 Jul 2005, at 8:19 pm, Bob Easton wrote: Leigh Baker-Foley wrote: Hello again all, Same source XHTMLL: http://8.3.8.136/ Same source CSS: http://8.3.8.136/style/ief001.css All still validating. This time I muddled through several hours of hair ripping before writing for your help, just in case. :D I'm having a seemingly unfixable float-drop problem on fixed width floats in IE Mac. ... ... From a very quick look, you have not made accommodations for IE's broken box model. IE on the MAC, and IE 5.x on Windows, calculates widths differently than standardsw compliant browsers. There are many ways to handle the problem: http://css-discuss.incutio.com/?page=BoxModelHack IE Mac does NOT suffer from that broken box model. It was actually the first browser to implement the CSS2 block model correctly. The problem is the images in your div#updates. They are loose in the container, and have that 'align=left thing. Delete that align=left (why do you need that?), and your boxes will behave correctly. Philippe --- Philippe Wittenbergh http://emps.l-c-n.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/
[css-d] Check page please
Greetings All! I am currently implementing a news scroller using XHTML, CSS and JavaScript. I know this list is not the place for Javascript question, if anyone knows of a good place please let me know but, I would really appreciate it if someone can look at the following page: www.volume4.com/pattersonpruden/index.html The news scroller on the right hand side works fine in IE Window, not sure about other platforms but, in Firefox it is completely screwed up. Not sure if this is solely caused by the JavaScript or if there might be some of the CSS that is part of the problem. Thank you in advance. -- Kind Regards Schalk Neethling Web Developer.Designer.Programmer.President Volume4.Business.Solution.Developers emotionalize.conceptualize.visualize.realize Landlines Tel: +27125468436 Fax: +27125468436 Web email:[EMAIL PROTECTED] Global: www.volume4.com Messenger Yahoo!: v_olume4 AOL: v0lume4 MSN: [EMAIL PROTECTED] We support OpenSource Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/ This message contains information that is considered to be sensitive or confidential and may not be forwarded or disclosed to any other party without the permission of the sender. If you received this message in error, please notify me immediately so that I can correct and delete the original email. Thank you. __ 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] Site Vista
Hello list, Possibly old news, but have you all seen this? http://www.sitevista.com/ Some good features, like full-page-depth screen shots. Looks interesting. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ 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] Tabless news scroller
Can anyone point me to a good CSS based news scroller? News scrollers require either Flash or JavaScript to run. I was kinda wondering the same thing.Is it possible to create a news scroller without using javascript, or at least use a very minimum of javascript. I'm not really against the javascript but all the solutions I've seen won't degrade well when using a browser without JS. My thought was to create a CSS styled listed and have it scroll through the list items... I don't know if that can be done entirely in css though, it'd probably need some JS. Any thoughts? __ 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] Problem with Eric Meyer dropdown menu
Le lundi 11 juillet 2005 à 11:55 +0200, Pascal Gautronneau a écrit : Hello, I've juste made a drop down menu using the method explained in more Eric Meyer on css. My problem is that when the menu get over a div with a property overflow:auto, it disepear. I can't give an url because it is an intranet. Does someone has the same problem ? Thanks for help Pascal PS : please tell me if my explanations are not clear, english is not my natural language... I've put an exemple off the problem at this address : http://squal38.free.fr/test.html The problem appear when opening a long dropdown menu at the top of the page and then when the mouse get hover the table... Thanks for help Pascal __ 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] Tabless news scroller
Matthew, I was kinda wondering the same thing.Is it possible to create a news scroller without using javascript, or at least use a very minimum of javascript. I'm not really against the javascript but all the solutions I've seen won't degrade well when using a browser without JS. My thought was to create a CSS styled listed and have it scroll through the list items... I don't know if that can be done entirely in css though, it'd probably need some JS. Any thoughts? I dont't think that this is possible. You'll need some more JS to get a newsscroller working. But why don't you use one of the many newsscrollers freely available and modify it, to get the news-text from a ul wrapped in a noscript? I think that would degrade very pleasently ;), but has nothing to do with css as long as you don't style it... regards, Martin __ 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] Tabless news scroller
Can anyone point me to a good CSS based news scroller? News scrollers require either Flash or JavaScript to run. I was kinda wondering the same thing.Is it possible to create a news scroller without using javascript, or at least use a very minimum of javascript. I'm not really against the javascript but all the solutions I've seen won't degrade well when using a browser without JS. My thought was to create a CSS styled listed and have it scroll through the list items... I don't know if that can be done entirely in css though, it'd probably need some JS. Any thoughts? That wouldn't be hard to do. You need JavaScript in any case, as it is behaviour what you are talking about. The logic is easy: You crop the section you want to see and change the position of it every x milliseconds. However, who benefits from a scroller like this? Is it really needed or annoying DHTML fun from the end 90ies? I did a small test there: This one only applies the styles when JS is available and also allows the visitor to stop the scroll. http://icant.co.uk/sandbox/newsscroller/ You can set the start and end positions, and the speed. HTH Chris This is off-topic now, let's stop this. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ 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] Missing class assigments
Hi, Can someone let me know if I am going mad or not. I have this but of CSS: #content #article { float: left; } #content #article.slim { width: 395px; margin-right: 5px; } #content #article.aus { border: 1px solid #ff9922; width: 150px; } and this piece of HTML div id=content div id=article class=aus h2Embassy CES centres Australia / New Zealand /h2 ul lia href=#Brisbane/a/li lia href=#Cairns/a/li lia href=#Gold Coast /a/li lia href=#Melbourne/a/li lia href=#Perth/a/li lia href=#Sydney/a/li lia href=#Auckland/a/li /ul div class=furtherinfo h1Further information:/h1 ul lia href=#Meet some students /a/li lia href=#Meet some staff/a/li lia href=#Download or order a brochure/a/li lia href=#Our fees/a/li /ul /div /div All is fine in Firefox, the article area is conscticted to 150px and my test border appears. In IE6 it doesn't have any effect. Yet if I move the CSS for #article.aus above #article.slim it works and my page using the '.slim' stop working. Here is a link: http://195.184.252.10/reddot_static_demo/Locations_Australia.html It is making me feel like my brain is melting so any help would be great. Regards, Keith __ 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] help! IE but not Firefox showing faux columns background
I've stripped this down to just the problem. There is left nav that will go in, as well as other content. I've got a faux columns background image repeat-y on #contentcontainer (blue on left, gray in middle, white on right). In IE, the faux columns are showing up fine. In Firefox, nothing, though it's showing up behind the search area, so I know it's in there somewhere. Can anyone help? http://www.luxecraft.com/css_test.htm Thanks! Lisa __ 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] Strange float drop
From: Philippe Wittenbergh [EMAIL PROTECTED] IE Mac does NOT suffer from that broken box model. It was actually the first browser to implement the CSS2 block model correctly. Not ENTIRELY correctly :-) In my experience it sometimes mis-calculates borders on nested elements that ordinarily should not affect their parent's ability to float. And dropping a float, in and of itself, means the W3C box model is not being followed, no? -- Al __ 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] problems with background image flickering on scroll
Several people have pointed out to me that on my site you get a flicker when scrolling down or up with the background image which is just a small line gif which repeats. I can duplicate this myself, but I am not sure what is causing this problem. the URL is http://www.inspired-evolution.com CSS: http://www.inspired-evolution.com/Gilbert.css any suggestions? __ 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] problems with background image flickering on scroll
On 7/11/05, Bruce Gilbert [EMAIL PROTECTED] wrote: Several people have pointed out to me that on my site you get a flicker when scrolling down or up with the background image which is just a small line gif which repeats. I can duplicate this myself, but I am not sure what is causing this problem. the URL is http://www.inspired-evolution.com CSS: http://www.inspired-evolution.com/Gilbert.css any suggestions? Depending on the monitor frequency, lines like yours can flicker as the screen is built up from left to right and top to bottom. Wider lines or less contrast make that effect less annoying. Nothing wrong with the CSS, the image is just the issue, and possibly and accessibility problem, too. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ 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] [Thanks ] shorthand background:url(file.extension);
Thanks for the answers. For the future, I will set both foreground *and* background, or none of it. Regards, Uwe Kaiser -- __ 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] ADMIN: Re: css-d Digest, Vol 32, Issue 15
At 1:13 PM + 7/11/05, [EMAIL PROTECTED] wrote: Thank you for your e-mail. I am currently out of the office and only periodically checking e-mail. Sadly, Jason will not see any further css-d traffic beyond the next digest, because he (like another list member recently) has been unsubscribed for violating the list policy regarding the behavior of auto-responders. And, while I'm here, PLEASE PEOPLE: TRIM YOUR QUOTED MATERIAL! PLEASE! It isn't that difficult, really. Doing so make everyone else's life easier, and shows respect for the time and bandwidth of your fellow list members... all 6500 or so of them. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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] Missing class assigments
Keith Bloom schrieb: Hi, Can someone let me know if I am going mad or not. IEwin has some (cough) problems with #id.class combinations. #content #article.slim { background:blue; ... } #content #article.aus { background:red; ... } this div id=article class=aus.../div shows no red, because the parser (or whatever is sitting infront of the other bugs) reads and matches #content, matches #article and fails on .slim well, so we think #article is unique? and it failed? why looking once again at it? http://css-discuss.incutio.com/?page=MultipleClasses in conclusion, you can define div id=article class=aus a1 b2 c3.../div and so on, and it will work, as long as you don't combine them in one rule like #article b2 or .a1 .b2 because that breaks any specifity and will match any occurence of .b2 and so on Ingo -- http://www.satzansatz.de/css.html __ 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] Print CSS Expandable Menu buggy
Hi Melissa [EMAIL PROTECTED], On 7/11/05, Craddock, Melissa [EMAIL PROTECTED] wrote: I am using a expanding menu based on http://www.gazingus.org/html/menuExpandable.html ... I would like to have the menu print expanded even though it is collapsed on the screen. When I first go to the page, I can click on print preview and see the expanded menu even though it is collapsed on the screen. If I click on one of the items on the screen to expand and click on it again to collapse, that item will print collapsed. In my screen stylesheet I have the class set to display: none;. In the print stylesheet the display none is removed, yet it still doesn't print. I guess it's because the menu JS http://www.gazingus.org/js/menuExpandable3.js (?) sets the element's style.display.block properties to none to hide them then you click ... this is hard to override in a print stylesheet as inline style (which is what the DOM style property effectively manipulates) has a high specificity http://css-discuss.incutio.com/?page=SelectorSpecificity You could try increasing the specificty of the print display rules by adding !IMPORTANT or more specific selectors. Ideally (IMO) we could rewrite the menu script to apply show and hide classes to the elements and then all you need do is override show and hide in the print style sheet but I appreciate this is harder. James PS: Google reveals a nice Brainjar article http://www.brainjar.com/css/using/default4.asp: that says Inline Styles Style properties defined inline, i.e., within an HTML tag's STYLE attribute, are given the same weight that an ID selector would have. In terms of order, they are treated as though they occur after all other rules. In other words, inline styles take precedence over anything but a conflicting declaration in a user style sheet. __ 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] Print CSS Expandable Menu buggy
Melissa, At 06:25 AM 7/11/2005, Craddock, Melissa wrote: I am using a expanding menu based on http://www.gazingus.org/html/menuExpandable.html The menu uses li for the items. There is a very small amount of javascript. I would like to have the menu print expanded even though it is collapsed on the screen. In addition to the problems and solutions already mentioned, I note that in three places-- CSS, JS and HTML-- you are setting the background image for the LI you use; I would question whether that duplication is necessary; I think its a hangover from your testing. Also, an alternative to using a background image, is to use list-style-image, details @ http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image. (Which may not be widely supported by a sufficient number of browsers? Or maybe it is. See http://nanobox.chipx86.com/browser_support.php) However, as the image you show for the printed output of FF shows, you are getting repeated instances of the background image on the printout, because in your JS (and in the in-line style used in the HTML), you do not restate what the CSS shows, to wit no-repeat 0em 0.3em. Also, of course, it is not necessary to say 0em, as 0 can be unitless in CSS. d. David William House AllHear, Inc. P.O. Box 330 / 23022 Yeary Lane N.E. Aurora, OR 97002-0330 USA (503) 266-6730 (voice) / (503) 266-6418 (fax) [EMAIL PROTECTED] (e-mail) http://www.AllHear.com (corporate web site) Make no search for water. But find thirst, And water from the very ground will burst. (Rumi, a Persian mystic poet, quoted in Delight of Hearts, p. 77) __ 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] help! IE but not Firefox showing faux columns background
Lisa Hoppes wrote: I've got a faux columns background image repeat-y on #contentcontainer (blue on left, gray in middle, white on right). In IE, the faux columns are showing up fine. In Firefox, nothing, though it's showing up behind the search area, so I know it's in there somewhere. http://www.luxecraft.com/css_test.htm Delete that clearing-div you have near the bottom. It's in the wrong place and it isn't working in FF anyway. Then add this: #contentcontainer {display: table;} ...which will make FF (and other good browsers) expand the container and background properly. regards Georg -- http://www.gunlaug.no __ 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] problems with background image flickering on scroll
Hi there, It's flickering for me here on FF mac, laptop... did you meet this problem especially on Firefox... I'm asking this because i experienced similar situation with fixed elements covering big size images... In fact the more i design with it the more i think the Gecko layout engine is poor, has difficulties to paint, or in your case repaint the background, on screen when the content is scrolled. As Bruce mentioned you should probably change your background... I've seeen more pattern based on diagonals than horizontal lines... Or maybie try a background-attachment: no-scroll, that will stop your bgnd moving up and down and should resolve the flicker. Good luck. Guilllaume. Hi Bruce, I'm not sure if it's the CSS causing the problem. It may be the space between the lines. The gap is very narrow, on my screen resolution (1280 X 1024) the page hurts my eyes a bit, so maybe it is an optical effect caused by scrolling the page. Regards, Keith. On 7/11/05, Bruce Gilbert [EMAIL PROTECTED] wrote: Several people have pointed out to me that on my site you get a flicker when scrolling down or up with the background image which is just a small line gif which repeats. I can duplicate this myself, but I am not sure what is causing this problem. the URL is http://www.inspired-evolution.com CSS: http://www.inspired-evolution.com/Gilbert.css any suggestions? __ 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/ __ 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] extra space around a table inside a div
Hi y'all, I've come across a most vexing problem I hope y'all have seen before. I've got a div wrapped around a table. I'd like the table to run up the borders of the div so it looks like there's a border on the table, but I'll be adding more content inside this border so I'd rather place the border on the parent div. The div has padding applied for anything else that isn't a table. To get the table to stretch out to fill the entire div I tried negative margins. The table won't expand completely once there is any padding on the parent div. Negative margins or no. It would be nice to use child selectors but I have to support IE. I can't add margins to every child to fake the padding or I risk making the CSS more complicated than necessary. Anybody have any ideas? or can you explain why the table won't expand to 100%? thanks, ant here's the code I'm using: .rbox { margin-bottom: 36px; border: 1px solid #b3b3b3; padding:8px 8px 12px 12px; } .rbox table { border: 0; border-collapse: collapse; clear: both; margin:0 -8px 0 -12px; padding:0; position: relative; width: 100%; } .rbox table tr { border-bottom: 1px solid #d5d5d5; } .rbox td, .rbox th { padding:7px 6px 6px 12px; text-align: left; } .altrow {background-color:#eee;} table tr thcolhead/th tddatum/td /tr tr class=altrow thcolhead/th tddatum/td /tr /table __ 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] Trouble with list/link in IE
Thanks a lot Paolo. IE doesn´t stop surprising me... But, it is still not possible to place the cursor to the right of the link text and achive the :hover-effect (This works in Fx and Opera, but not in IE). Anyone knows how to do this without specifying the width of the a-element? If I set the width of the a-element to 100%, the width of the ul-element increases in IE, and the width of the li-element increases in Fx and Opera. If I specify the width in px, everything works great, but then it ruins my zoom/elastic layout...:( I could set the width to 7.3em, but then it´s not very accurate to specify widths in em. On 7/11/05, Paolo Candelari [EMAIL PROTECTED] wrote: - Original Message - From: Sverre Bj+APg-rseth [EMAIL PROTECTED] ... I+ALQ-ve made a menu on my site using lists, and styling it using CSS. It works perfectly in Fx and Opera, but in IE the list-items seems to be double the height of whats intended. ... IE it's strange (?). Rewrite your code without space between ul elements and li elements like this: ullia href=./ title=...item 1/a/lilia href=# title=...item 2/a/lilia href=# title=...item 3/a/li/ul and magically spaces disapear! Regards Paolo ** Questa e-mail, ed i suoi eventuali allegati, contengono informazioni confidenziali e riservate. Se avete ricevuto questa comunicazione per errore non utilizzatene il contenuto e non portatelo a conoscenza di alcuno. Siete inoltre pregati di eliminarla dalla vostra casella e avvisare il mittente. E' da rilevare inoltre che l'attuale infrastruttura tecnologica non pu+API- garantire l'autenticit+AOA- del mittente, n+AOg- tantomeno l'integrit+AOA- dei contenuti. Opinioni, conclusioni ed altre informazioni contenute nel messaggio possono rappresentare punti di vista personali a meno di diversa esplicita indicazione autorizzata. ** -- Sverre M. Bjørseth [EMAIL PROTECTED] +47 41815459 __ 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] limiting collumns
Ok, so I am sure this is a decent css question. I have this list of names, like 300 names.. and addresses that i would like to display as a list in 2 or three collumns. However, this list is constantly growing and changing, and i would like to be able to not force the break in the collumns but rather usee css to break up my list into 2 collums. Is there a way that you can write the css to start displayig in a new collumn after 100 li entries? here is an example of my list as it exsists in tables ont the old site http://tct2005.com/faculty.htm Here is where the list will be going... http://tct2005.com/wp/index.php?page_id=25 thanks... jeremy __ 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] A Little Firefox Firefly
Could it be the missing DTD declaration at the top of your html? Regards, Ric -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of Hershel Robinson Sent: Monday, 11 July 2005 6:57 PM To: css-d@lists.css-discuss.org Subject: [css-d] A Little Firefox Firefly When I load this page: http://scarabbooks.com/index.php CSS: http://scarabbooks.com/main.css into Firefox, it loads with the footer text This site is protected by... right on top of the image 'Passing Time in the Loo.' When I refresh, then the footer goes to the bottom, where it belongs. I presume this is because now Firefox knows how big the graphics are. What is the recommended method to avoid this problem when the page first loads? Thanks, Hershel __ 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] limiting collumns
jeremy wrote: Is there a way that you can write the css to start displayig in a new collumn after 100 li entries? sounds like this is a better job for php than css. every 100, start a new dynamic Div ? for $x=0; $x100; x++ { echo ? div id=divA li's here... /div ? for $x=100; $x200; x++ { echo ? div id=divB li's here... /div and so on... you can even use php to dynamically write out the for loops and so on. then, in you css have you divA and divB ID's set up for your floats/positioning you want. here is an example of my list as it exsists in tables ont the old site http://tct2005.com/faculty.htm Here is where the list will be going... http://tct2005.com/wp/index.php?page_id=25 __ 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] whatever:hover fast and easy via Dynamic Properties
On Mon, 11 Jul 2005, Klaus Hartl wrote: hm, I think using a property like behavior for assigning these mouse events might be a good idea - should not have any side effects and to me that even makes some sense :-) Is there any way to get IE to understand focus? Cordially, David -- David Hucklesby, on 7/11/2005 http://www.hucklesby.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/
[css-d] IE browser resize problem
OK, I've joined this list after finally finding a problem that I couldn't work out a practical solution. I'm sure this won't be the first time. So here's my problem: My page works fine in Gecko browsers, and *almost* fine in IE6. I haven't tested in other browsers, as my client made it clear that it wasn't a concern. The problem only rears its annoying head when the window is resized by the user. My navigation list, using the 'son of suckerfish' system, doesn't change its position with the other elements on the page. Only when you hover the mouse over the list does it snap back to its correct position. I guess it needs to be seen to be properly understood, so here's the link to my test page: http://www.gwynimation.com/test/ Just open it in explorer and mess with the window size. Look at the navlist and the problem should be apparent imediately. I suspect it has something to do with other CSS declarations that don't play well with suckerfish, but I can't see which ones. I've done a fair bit of searching, but if you put 'IE' and 'problem' into a search engine, you tend to get an avalanche of varied results. This isn't a deal breaker, just an annoyance.However it is something the client has mentioned, so I'd like to solve it if I can. Any help would be very much appreciated. Thanks Gwyn PS: CSS links as well: http://www.gwynimation.com/test/PDUKnavi.css http://www.gwynimation.com/test/PDUKmain.css __ 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] limiting collumns
Thank you for your reply. I'll give that a shot... I wasnt aware that PHP would be the best approach and thought maybe there was a CSS solution. -jeremy Brian Cummiskey wrote: jeremy wrote: Is there a way that you can write the css to start displayig in a new collumn after 100 li entries? sounds like this is a better job for php than css. every 100, start a new dynamic Div ? for $x=0; $x100; x++ { echo ? div id=divA li's here... /div ? for $x=100; $x200; x++ { echo ? div id=divB li's here... /div and so on... you can even use php to dynamically write out the for loops and so on. then, in you css have you divA and divB ID's set up for your floats/positioning you want. here is an example of my list as it exsists in tables ont the old site http://tct2005.com/faculty.htm Here is where the list will be going... http://tct2005.com/wp/index.php?page_id=25 __ 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] Color change on row hover
.tRow:hover { background: #FFD; border: 1px solid #EFE; color: 3F0; } I use the above CSS on a table, when you hover over the tr it changes the background to yellow, but the links inside it are not getting the color change to green that I am wanting, unless of course, you are right over the text, which I do not want. You can see a test case here: http://www.click-brand.com/contact/index.ws -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Stumped on white border on tables
http://www.click-brand.com/se_marketing/index.ws Look at the header and the footer, there is this 1px or so white line around everything, and I can not get it to go away. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Color change on row hover
On 7/12/05, Scott Haneda [EMAIL PROTECTED] wrote: .tRow:hover { background: #FFD; border: 1px solid #EFE; color: 3F0; } I use the above CSS on a table, when you hover over the tr it changes the background to yellow, but the links inside it are not getting the color change to green that I am wanting, unless of course, you are right over the text, which I do not want. You need to apply display:block to the links to achieve that. (And possibly a width: 100%). That green is incredibly hard to read IMO. -- Richard Grevers New Plymouth, New Zealand Orphan Gmail invites free to good homes. __ 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] Color change on row hover
I think your background should be background-color:#FFD; I am not getting any change in background in either Firefox or IE or border. I think you need to define a style for link, visited, hover and active in that order for it all to work. You may also need to include a DTD at the head of your document. Regards, Ric Subject: [css-d] Color change on row hover .tRow:hover { background: #FFD; border: 1px solid #EFE; color: 3F0; } I use the above CSS on a table, when you hover over the tr it changes the background to yellow, but the links inside it are not getting the color change to green that I am wanting, unless of course, you are right over the text, which I do not want. You can see a test case here: http://www.click-brand.com/contact/index.ws __ 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] Stumped on white border on tables
Could I suggest that you get rid of all your tables for a start and stick with one table if you are going to use them. At a cursory glance you appear to be using four tables some are nested and some aren't. Your page shows that you could achieve this design with a single column using colspan tags on your header and footer and then define your layouts using CSS. Regards, Ric Subject: [css-d] Stumped on white border on tables http://www.click-brand.com/se_marketing/index.ws Look at the header and the footer, there is this 1px or so white line around everything, and I can not get it to go away. __ 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] Color change on row hover
On 7/12/05, Scott Haneda [EMAIL PROTECTED] wrote: on 7/11/05 6:02 PM, Richard Grevers at [EMAIL PROTECTED] wrote: On 7/12/05, Scott Haneda [EMAIL PROTECTED] wrote: .tRow:hover { background: #FFD; border: 1px solid #EFE; color: 3F0; } I use the above CSS on a table, when you hover over the tr it changes the background to yellow, but the links inside it are not getting the color change to green that I am wanting, unless of course, you are right over the text, which I do not want. You need to apply display:block to the links to achieve that. (And possibly a width: 100%). That green is incredibly hard to read IMO. I don't get to pick the colors :-) How is adding display: block to the links, which are not even hovered over, going to do anything for me, it is the tr that is hovered, and when that happens, I want the color: to change. It causes the link to occupy the whole of the td, which in turn occupies the whole of the tr. In fact, with the links as blocks you can probably set the hover style on a rather than tr, with the added benefit that it will now work in IE. It may be necessary to define height, width or padding to get the a's the way you like them. -- Richard Grevers New Plymouth, New Zealand Orphan Gmail invites free to good homes. __ 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] Color change on row hover
on 7/11/05 6:32 PM, Ric Jude Raftis at [EMAIL PROTECTED] wrote: I think your background should be background-color:#FFD; I am not getting any change in background in either Firefox or IE or border. I think you need to define a style for link, visited, hover and active in that order for it all to work. You may also need to include a DTD at the head of your document. Hmm, right you are, does not work in FF, can someone maybe give me a example of how to do this, start to finish, where you have a list of links, vertical, and hovering anywhere in the row will highlight that row background, and also toggle the link color of the text, even if it is not 100% as wide as the row. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Stumped on white border on tables
on 7/11/05 6:41 PM, Ric Jude Raftis at [EMAIL PROTECTED] wrote: Could I suggest that you get rid of all your tables for a start and stick with one table if you are going to use them. At a cursory glance you appear to be using four tables some are nested and some aren't. Your page shows that you could achieve this design with a single column using colspan tags on your header and footer and then define your layouts using CSS. Regards, Sure, and I may do that later, this is just what I did now, to be fast, I am not making a ton on this site, so I need to just get it done, even if I do as you suggest... As you can see http://www.click-brand.com/test.ws I am still nailed with this white border around the table, and I need to make that go away. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Stumped on white border on tables
Scott Haneda wrote: As you can see http://www.click-brand.com/test.ws I am still nailed with this white border around the table, and I need to make that go away. Ok, you need a quick fix: img src=header0E.gif alt=Click-brand Logo width=725 height=85 border=0 style=float: left; margin: -1px -1px 0 -1px; _margin: -1px -4px 0 -4px; ...should do just fine. regards Georg -- http://www.gunlaug.no __ 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] Print stylesheet - cut pages off
I just began developing the print stylesheet for the site listed below and have encountered several difficulties. These scenarios seem simple, yet my mind has not resolved them. Damm mind blocks! So the page remains fairly complex as far as the CSS. My header div created a page break between it and the content div. The content does not break between page break and only render a little more than a page. The situation seems odd. Indeed browser's print engines are not keen on floats, yet my last print stylesheet did not remove all the floats. Changing all position fixed, absolute, float to position static may help (yet I less familiar with this attribute). In addition, the overflow attribute may contribute to the scenario as well. Let me know if you have any ideas about these scenarios. Please let your thoughts point to specific solutions rather than focus on general rhetoric. As you all know, time is a precious commodity and the information is vast. Could the JavaScript affect the print stylesheet? Check out #ArticleID which has an additional border on the left and right side. __ 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trouble with list/link in IE
Ric Jude Raftis wrote: You will possibly find that this hack fixes the problem for IE. Place in CSS file above the Navbar id. /* Fix IE. Hide from IE Mac \*/ * html #navbar ul li { float: left; } * html #navbar ul li a { height: 1%; } /* End */ It is not necessary to float the lis, making a {height: 1%;} is enough. cheers, gary -- Anyone can build a usable web site. It takes a graphics designer to make it slow, confusing, and painful to use. __ 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] limiting collumns
On 7/11/05, jeremy [EMAIL PROTECTED] wrote: I'll give that a shot... I wasnt aware that PHP would be the best approach and thought maybe there was a CSS solution. I did a similar implementation for my work's site (in ASP, but same difference). I ended up breaking the lists up like this ALA page did, because it worked pretty easily. http://www.alistapart.com/articles/layeredfudge/ The loop I did was a little bit different, in that I had one for loop to write each li, then an if statement in that loop that checked for the middle li, closed the left ul, and opened the right ul. Before the for loop, I opened the left ul and closed the right one after the for loop. There is a purely CSS way to break your list up using an li width of 50% of the ul or ol, but it's basically writing from left to right, top to bottom, which confuses most people. If order matters, and I assume that it does, stick with either a for loop or you can find a few variations on the purely CSS method in the comments for the above ALA article: http://www.alistapart.com/discuss/layeredfudge/ -Wayne __ 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] help! IE but not Firefox showing faux columns background
Gunlaug Sørtun wrote: Then add this: #contentcontainer {display: table;} ...which will make FF (and other good browsers) expand the container and background properly. regards Georg What's the reason for this method working? cheers, gary -- Anyone can build a usable web site. It takes a graphics designer to make it slow, confusing, and painful to use. __ 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/