Re: [css-d] Zindex issue
Angela Trigg wrote: http://cmmi.trgsoftware.com/who/index.cfm?Fuseaction=Another_1parentid=255 If you hover over the i icon it pops up content but it is going behind the blue more bar, even though that bar has a zindex of 100 and the popup content (div id=info) has a zindex of 200 and both layers have a position declared. Any insights into what I'm doing wrong? Angela, currently, you have some stacking contexts: r.p.1 #morelist z-index:100 a.p.1 #layermore z-index:10 r.p.2 #icons z-index:1 a.p.2 #info z-index:200 Hovering i in #icons pops #info up into view, but behind the blue #morelist bar. This is because #info resides in the stacking context established by its z-indexed parent #icons, but regarding its z-index, #icons #morelist. In addition, your layout requires hovering more in #morelist pops up the images in #layermore, which renders over the #icons. All you need is to give #layermore a z-index: r.p.1 #morelist z-index:auto a.p.1 #layermore z-index:1 r.p.2 #icons z-index:auto a.p.2 #info z-index:auto #morelist and #icons are sorted in document order. Both of them don't get a stacking context for their own, so #info will render above #morelist, and #layermore, due to its z-index, will render over #icons. This works well in modern browsers. A simplified test case [1] shows that IE gets it wrong. IE establishes a new stacking context for each positioned element, rp1 and rp2, which is /wrong/ , and David Hyatt explains why [2] (a series of z-index related tests can be found in [3]). I don't have a solution for the IE problem. It's one or the other, rp1 rp2 or rp1 rp2 Being positioned means getting a stacking context in IE, therefore, all descendants of rpX will live within this context. As far as I do understand the stacking problem in IE, ap1 cannot render over rp2 at the same time ap2 renders over rp1. Ingo [1] http://www.satzansatz.de/cssd/escher.html [2] http://weblogs.mozillazine.org/hyatt/archives/2004_09.html#006469 [3] http://www.aplus.co.yu/css/z-pos/ -- 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] Does CSS really suck for multi-column layout?
On 1/27/06, Christian Montoya [EMAIL PROTECTED] wrote: On 1/26/06, Jonathan Berry [EMAIL PROTECTED] wrote: Does CSS really suck for multi-column layout? No. O.K. I am having a problem here. We have three columns: right, same size all the time, center varies, left, may vary but probably the same size every time. So then comes the footer question. In our other sites we have table layouts that allow for the footer to stay at the bottom all the time, below all columns. But with this, what is the answer? HEADER --- FTCOLCTR RTCOL --- FOOTER Enclose all three columns in a div, call this #container. Enclose #ftcol and #ctr in another div, call this #wrap. [1] Float #rtcol right and give #wrap a margin-right equal to the width of #rtcol. So we have a fixed right column and a remaining space the fills the rest of the screen to the left. Then float #ftcol left and give #ctr a margin-left equal to the width of #ftcol (same thing again), or float both of them left and give them percentage widths that add up to 100%. Before you close #wrap and #container, add br style=clear:both;. This ensures that the columns don't flow out of these divs, otherwise the divs will collapse and you'll be wondering where your background colors went. Then add clear:both; to #footer just for good measure. Then contact us again so we can help you with IE bugs. yes, i am agree with your comments. and dont forget to give position:relative to each boxs. it will help to get your column equal on ie or firefox. -- http://didats.net/page/291/jakarta-aku-datang/ __ 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] small absolute problem
Guillaume, On Jan 27, 2006, at 5:17 AM, Guillaume wrote: I have two divs: first comes A and then B, both with unknown height. B is pushed up, positioned above A in the layout, using position: absolute; top: 0. Is there a css-way to retrieve a stack order, to place A just under B without specifying any margin-top value for A and this way avoiding overlap ? No. Absolutely positioned elements take no space in the document 'flow' and cannot influence other elements. However, if Bs content is the same on all pages but you want the height to change depending on the user's font-size preferences, you can set its height in em and set As top margin to match. Obviously the simple solution is to reverse the source order, but I'm assuming you are trying to avoid that. If you can live with a 90% solution, you could rearrange the document source order when the page loads with javascript... -- Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ 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] small absolute problem
On 1/27/06, Guillaume [EMAIL PROTECTED] wrote: Hi list, I have two divs: first comes A and then B, both with unknown height. B is pushed up, positioned above A in the layout, using position: absolute; top: 0. Is there a css-way to retrieve a stack order, to place A just under B without specifying any margin-top value for A and this way avoiding overlap ? Hi Gullaume. Is there any reason from you, why you put B with absolute position? IMHO, if you put absolute position with B, you can't place A below B. -- http://didats.net/page/291/jakarta-aku-datang/ __ 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] Excessive quoting
Dear List Despite Eric's request for people to be responsible and mature about how they quote... http://archivist.incutio.com/viewlist/css-discuss/68923 ...ridiculous amounts of pointlessy quoted (ie. lazily left intact) material continues to be posted to the list. So, css-d people, please trim your quotes to include only what is necessary. If you're just posting, say, Awesome, that works, don't include all 100 lines of the previous message. In fact, even consider sending it as a private response offlist instead. So please, reread Eric's message (linked to above) and bear in mind that the moderators can and will unsubscribe people who insist on ignoring the list's stated position on quoting. Alex Robinson css-d moderator __ 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 scrollable tables..again
Hi all, past days i've working on so called css scrollable tables or tables with fixed headers. The examples/techniques i found here and, in generally, on the web doesn't meet my expectations, so i pick up some idea from them and i started testing for another solutions. (the main idea from i started off is best detailed here http://cssplay.co.uk/menu/tablescroll.html). In fact, the table i've made has not a fixed size, and it fills entirely its container, with first column taking all available space left by other (fixed-width) columns. And, since i've positioned the thead element with position:absolute, removing them from the flow, i get the column headers miss the alignment with the column bodies... and that's the first problem. Again, i've used em units to give the table an elastic design. I have set external div have a padding-top of 3 em, that's the desidered height of thead element. Since the thead have two tr elements inside, i have set each one height to 1.5 em. And here the drawback.. due to em-to-px conversion, it seem that 1.5+1.5em is not equal to 3em. It's seems to me CSS are not good enough to address this issues.. so i've solved them using a bit of javascript (i know, it's not a really good solution but) Riccardo Lora __ 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] small absolute problem
Pria, On 1/27/06, Guillaume [EMAIL PROTECTED] wrote: Hi list, I have two divs: first comes A and then B, both with unknown height. B is pushed up, positioned above A in the layout, using position: absolute; top: 0. Is there a css-way to retrieve a stack order, to place A just under B without specifying any margin-top value for A and this way avoiding overlap ? Hi Gullaume. Is there any reason from you, why you put B with absolute position? The reason is wich content I want to appear first in the textual structure. In a semantic point of view and for spiders div B is more important than div A, wich is also very important but for the layout only. So semantically speaking we would have to put div B first and div A next, and for layout purposes push this last one up so it would appear first in the layout,. That's why imagined to use an absolute positioned element. IMHO, if you put absolute position with B, you can't place A below B. I had doubts about it but it's pretty clear now. Thank you for your answer Guillaume. -- http://didats.net/page/291/jakarta-aku-datang/ __ 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] CSS problems with Opera 8.5:
Hey all, I noticed today that in Opera 8.5 on the Mac, my header is not lined up like it should be across the top of my site. It is fine in FF and Safari on the Mac and it is fine in FF and IE6 on the PC. Any idea on what would cause this in Opera only? Here is a link for those of you that have Opera so you can check it out... http://www.9mmcreative.com/ Thanks, Cory __ 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] two colored headers
Apologies if this has been answered before. What is the semantically correct method of coding a two color header? Is this the optimal syntax: h1span class=blue_part_of_the_headerLeroy/spanspan class=red_part_of_the_headerJenkins/span/h1 .blue_part_of_the_header {color: blue;} .red_part_of_the_header {color: red;} Thanks for any help. - Ben Liu __ 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] two colored headers
i think spans are the way to go for this situation, but i think you'll find that naming your classes something meaningful (such as first-name and last-name) is a better practice than naming them by color. h1span class=first-nameLerrroyy/spanspan class=last-nameJenkins/span/h1 hth __ 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] two colored headers
Thanks for response cj, and for correcting my spelling of Lerryyy. :-) On 1/27/06, cj [EMAIL PROTECTED] wrote: i think spans are the way to go for this situation ... __ 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 Please - udrise.udayton.edu
David Laakso wrote: Joe Otten wrote: I saw the page viewed in FF 1.0 and it had some serious layout issues. I was wondering if others could spot any issues with code, layout, etc. Site: http://udrise.udayton.edu/index.asp Joe, in Debian FF1.0.7 @1400 the 3 sets of navigation links are too tiny for me. On 2nd zoom click, the header nav slips down-- on 3rd click it disappears under the image; and all, or part of, the University logo slips under the footer. On the /speaker/ page, the content text slips below the footer on zoom. Is the missing footer border-bottom intentional? The zoom situation is similar in Konqueror3.4. Of more concern than Linux, perhaps, is that the header breaks at text-size 'largest' on all pages in IE6.0 SP1, XP SP2. To follow David's comments, since the header bar is just a solid color, there's no reason why you can't remove its set height and allow the height of its content to dictate how tall it is. This will solve the problem of overlapping text. In general, don't set fixed heights for elements which have text in them. Allow them to grow vertically so that various text sizes and amounts of content can be accommodated. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] Firefox and IE differences with coloured backgrounds
Hi there, I'm new to the list, but I've not been able to find a reply to this in Google (although it did direct me to this list, but I can't find a reply here either) so I hope you can help. I'm sure this must have arisen before... I've got two problems, a minor and a major, both with the same thing. I have links which I want to appear as light blue text on dark blue background, where the background is a bar that stretches to the edge of the column (so the background for each is identically wide). I'm not sure I described that very well, but the demo is at: http://www.wdam.co.uk/clients/CEP/new-website/demo.shtml In IE this looks fine but in Firefox the dark blue background stretches only as far as the end of each link word, so the edges don't line up. Also, the margin above and below of 0.25em doesn't show up. So my links look horrid in Firefox. That's the major problem which I really want to fix asap. The minor problem is that the links were showing up as blue (or purple for visited) even though I had defined them to be the light blue text colour in that class. Works fine when I add a style definition to the A HREF tag itself, so not a big issue - but surely I should be able to get this to work in my stylesheet? Thanks for any help you can offer - and hi! -- Flash Wilson - www.gorge.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] Centering horizontal list in a liquid container
[EMAIL PROTECTED] wrote: I am using a list to layout three images horizontally along the bottom of a content column. The content column is fluid, set to 70%. I would like, if possible, to have my ul stay centered within the liquid content column as the window is resized, and at the same time, have each li contained with in the ul to remain evenly spaced horizontally. Theoretically, how I though it would work: Center the ul with margin: 0 auto; and text-align: center; for IE; then set each li to width: 33%, (there are three images in this example) and then center the images with in each li through margin: 0 auto; and text-align: center again. Sounds like a good idea -- now can you tell us what your problem is? :-) Not many of us are curious enough about other people's problems to recreate their page out of code provided, fire up browsers, compare different renderings, and finally discover what may be the mystery problem (or not, if the problem was in a browser the tester didn't have access to, or the tester misinterprets which of the renderings was the desired one and which was the buggy one). If you can't provide us with a link to a live page, can you at least tell us what the problem is and what browsers you see it in? That will make it much more likely that you will get help. That being said, you are mixing a whole lot of different styles that are conflicting with each other. See my annotations to your CSS below; perhaps it will fix your problem. Please let us know if it does, and if it doesn't, let us know what rendering it does result in so we can go from there. Here is the basic markup and general styles: !--HTML-- ul id=content-images liimg src=i/content-img-polar.jpg width=140 height=140 //li liimg src=i/content-img-boards.jpg width=140 height=140 //li liimg src=i/content-img-adidas.jpg width=140 height=140 //li /ul /* CSS */ #content-images { margin: 0 auto; /* auto not needed, set to 0 */ text-align: center; /* not needed, remove */ padding: 0; width: 100%; /* not needed, remove */ display: inline; /* not needed, remove */ float: left; /* not needed, remove */ list-style: none; /* ADD */ } #content-images li { margin: 0 auto; /* auto not needed, set to 0 */ display: inline; /* not needed, remove */ width: 33%; padding: 0; float: left; text-align: center; /* ADD */ } #content-images li img { display: block; /* not needed, remove */ margin: 0 auto; /* not needed, remove */ text-align: center /* not needed, remove (note you were missing semi-colon at end) */ width: 140px; float: left; /* not needed, remove */ } Thanks, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] Are there footers that play nicely with absolutely positioned content?
Seona Bellamy wrote: I've had a look on the wiki, but as far as I can tell the footers there don't seem to work real well when two of your three content columns are positioned absolutely. I think a better way to say this would be that absolutely positioned layouts don't work well with footers, but carry on. :-) At the moment I'm using the Cookiecrook mod to Devnull's examplehttp://www.google.com/url?sa=Dq=http%3A%2F%2Fwww.cookiecrook.com%2Fbugtests%2Ffixed.htmand it works fine if the middle column is the longest - that's the only one not positioned absolutely. Sadly, however, I can't guarentee that this will always be the case. Once the left-hand navigation is filled out completely and the teasers and ads are put into the right, there is a good chance that some pages will have a shorter middle column. At any rate, I can't afford to ignore this possibility. Does anyone know how to tweak my existing footer to make it behave, or can point me to another one that I can use instead? Seona, It's not an issue of your footer not behaving. It's the absolute positioning that is the issue. When something is absolutely positioned, it's removed from the flow, so the other divs don't know it's there any more. This includes the footer, which is just as blissfully unaware as all the other stuff on the page, and nothing you can do can make it see that absolutely positioned object that's cruelly overlapping it. There's a Javascript solution to this, but a far more reliable one is to avoid using absolute positioning to lay out large portions of your pages and use floats instead. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] small absolute problem
Roger Roelofs wrote: On Jan 27, 2006, at 5:17 AM, Guillaume wrote: I have two divs: first comes A and then B, both with unknown height. B is pushed up, positioned above A in the layout, using position: absolute; top: 0. Is there a css-way to retrieve a stack order, to place A just under B without specifying any margin-top value for A and this way avoiding overlap ? No. Absolutely positioned elements take no space in the document 'flow' and cannot influence other elements. However, if Bs content is the same on all pages but you want the height to change depending on the user's font-size preferences, you can set its height in em and set As top margin to match. Obviously the simple solution is to reverse the source order, but I'm assuming you are trying to avoid that. If you can live with a 90% solution, you could rearrange the document source order when the page loads with javascript... If you're more than a beginner with CSS, another solution is to use negative margins to preserve source order while still achieving the visual layout you want. It's kind of tricky, so I wouldn't recommend newbies take on such an exercise, but I've used negative margin layouts on a few different sites without issue. http://www.communitymx.com/abstract.cfm?cid=B0029 http://www.alistapart.com/articles/negativemargins/ http://www.communitymx.com/abstract.cfm?cid=E9A76 http://www.communitymx.com/abstract.cfm?cid=CE08C http://www.communitymx.com/abstract.cfm?cid=BB650 Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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 problems with Opera 8.5:
Cory Perry wrote: Hey all, I noticed today that in Opera 8.5 on the Mac, my header is not lined up like it should be across the top of my site. It is fine in FF and Safari on the Mac and it is fine in FF and IE6 on the PC. Any idea on what would cause this in Opera only? Here is a link for those of you that have Opera so you can check it out... http://www.9mmcreative.com/ Try zeroing out the padding on the body element (Opera 8.5 and lower uses padding, not margin, on the body, which makes a lot more sense if you think about it). Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] Firefox and IE differences with coloured backgrounds
I'm not sure I described that very well, but the demo is at: http://www.wdam.co.uk/clients/CEP/new-website/demo.shtml In IE this looks fine but in Firefox the dark blue background stretches only as far as the end of each link word, so the edges don't line up. Also, the margin above and below of 0.25em doesn't show up. So my links look horrid in Firefox. .links A {display: block;} will make your links stretch all the way across for FF. you can change margin/padding however you like. you won't need width: 100%; after this i don't believe. The minor problem is that the links were showing up as blue (or purple for visited) even though I had defined them to be the light blue text colour in that class. Works fine when I add a style definition to the A HREF tag itself, so not a big issue - but surely I should be able to get this to work in my stylesheet? you only specify a in your menu. you'll need to do .links a:link, .links a:visited {/*rules*/} to get visited link colors to stay the color you specify. __ 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] Firefox and IE differences with coloured backgrounds
On Fri, Jan 27, 2006 at 10:47:39AM -0600, cj wrote: .links A {display: block;} will make your links stretch all the way across for FF. you can change margin/padding however you like. you won't need width: 100%; after this i don't believe. Works a treat... and so did your other fix. Thank you so much! Apologies for being a novice, but at least I'm learning! -- Flash Wilson - www.gorge.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] Firefox and IE differences with coloured backgrounds
Apologies for being a novice, but at least I'm learning! you're exactly the audience eric meyers was targeting when he created css-d. ;) welcome to the list. -- eric meyers: css-discuss is meant for beginning and experienced authors both, but I'm actually more interested in helping out the beginners. http://www.meyerweb.com/eric/css/discuss/info.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] CSS problems with Opera 8.5:
Zoe M. Gillenwater wrote: Try zeroing out the padding on the body element (Opera 8.5 and lower uses padding, not margin, on the body, which makes a lot more sense if you think about it). Zoe Thank You! That worked perfectly. Cory __ 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] menu not showing borders in IE
[quick note: i'm creating a site that needs a lot of hooks for various people (including me), which is why you'll see spans in here that don't seem necessary.] the menu i'm working with was working great with my different css files until i started putting span tags in the lis, at which point IE threw a hissy fit and no longer showed the borders at all. while trying to figure out what was going on, i discovered that if i put any text at all in front of the link, IE would work again. i put both a with-spaces and without-spaces test page together. http://sltclan.com/images/cj/menu-problem-with-ie.html the css and html validate. if someone could also tell me why IE moves my menu to the right when you hover for the first time on a fresh page load, i'd love to fix that too. it's been driving me crazy. __ 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 scrollable tables..again
At 04:24 AM 1/27/2006, Riccardo Lora wrote: past days i've working on so called css scrollable tables or tables with fixed headers. ... (the main idea from i started off is best detailed here http://cssplay.co.uk/menu/tablescroll.html). Riccardo, In 2004 I came up with a solution to this problem: http://novitskisoftware.com/demos/fixedtableheads/fixedtableheads.html which Brett Merkey improved on to support input fields in the table cells: http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header2.html See if that meets your needs or at least advances you toward your goal. Paul __ 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] Are there footers that play nicely with absolutely positioned content?
Seona, a while ago [1], I proposed an extra element to be placed last in the absolutely positioned box to establish some space beyond the box. .apboxgluesolvent { padding-bottom: 7em; /* height of the footer at minimum */ margin-bottom: -7em; height: 0; /* layout for IE, ignored by the others */ } div class=apboxgluesolvent!/div testcase: http://www.satzansatz.de/cssd/apboxgluesolvent.html Seems to work in my browsers. Ingo [1] http://archivist.incutio.com/viewlist/css-discuss/42836 -- 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] defining multiple tags
On 1/27/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I am using the suckerfish menu but also need regular list items on the same page. How do I differentiaite between the two LI tags?? what I have turns every list item into a vertical manu item. you're on the right track. just wrap your menu list in a div, and use that div to style your menu seperately. div class=menu ul lihome/li lisomething else/li /ul /div .menu ul { /* some rules */ } .menu li { /* some rules */ } let me know if i need to explain in more detail. :) __ 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] Inline style works, Class does not
Hi. When I apply this inline style to my ul the orangedot.gif shoes up as it should: ul style=list-style-image: url(images/orangedot.gif); When I move this to the stylesheet like so: ul.orange-bullet { list-style-image: url(images/orangedot.gif); } and apply the class: ul class=orange-bullet the style is ignored. There are no other ul or li styles in the style sheet. Anyone know why this would be happening? Thanks, JP __ 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] Inline style works, Class does not
my guess would be that your image is no longer referenced correctly. make sure the url in your css is relative to the css file's location. __ 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] Drop Down Navigation
I'm almost finished with the CSS drop down with a fly out navigation (using a small bit of JS). Here's what I'm trying to do... The navigation is horizontal that stretches 700 px. The far right side I want the drop down fly outs to fly out to the left verses right. I can change all of the menus to fly out to the left, but how do I select those few to do this? /*Code for flyout to go to the right*/ ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 160px; /* Working Code for Navigation -Left flyout*/ ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: -160px; /* 2nd Menu Hover Persistence Arrow Blue-LightGray*/ ul#navmenu li:hover a.arrow1, ul#navmenu li.iehover a.arrow1 { background-image:url(/Test/Navigation/arrow-small3.gif); background-position:right; background-repeat:no-repeat; } NOTE: I would like Benefits to fly out to the left verses right. I could apply this to the top level, Human Resources, but I'm not sure about the coding. lia href=/Human_Resources/index.cfm target=_topHuman Resources/a/li ul lia href=/Human_Resources/Contacts/Index.cfm target=_topContacts/a/li lia href=/Human_Resources/Benefits/Index.cfm target=_top class=arrow1Benefits/a/li ul lia href=/Human_Resources/Benefits/Insurance/index.cfm target=_topInsurance/a/li lia href=/Human_Resources/Benefits/Flexible_Benefits/index.cfm target=_topFlexible Spending/a/li /ul Chris Audano City of Overland Park Information Technology 913-895-6069 [EMAIL PROTECTED] __ 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] defining multiple tags
On Jan 27, 2006, at 1:26 PM, cj wrote: I am using the suckerfish menu but also need regular list items on the same page. How do I differentiaite between the two LI tags?? what I have turns every list item into a vertical manu item. you're on the right track. just wrap your menu list in a div, and use that div to style your menu seperately. unless you have need of the extraneous div for other purposes, simply apply the class to the ul itself. it'll keep the markup leaner. assuming you use ul class='menu', your css would be ul.menu { *styles here* } .menu li { *styles here* } and so on.. alternatively, look to see if there's already an identifying element that can be used to hook the styles onto - for instance, if this is part of a div with an id of header, and you have no plans to add additional lists to the header, you can use that ID to identify the list. The concept of the cascade can be tough to grasp at times, but it most definitely is worth the effort to learn. __ 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 scrollable tables..again
I have my versions of solution at: http://www.imaputz.com/cssStuff/bigFourVersion.html http://www.imaputz.com/cssStuff/bigThreeVersion.html http://www.imaputz.com/cssStuff/bulletVersion.html Each one slightly different depending on what browsers you want to support. I personally use the bigThreeVersion here at work (enterprise type web app). Everything is a bit old, and I haven't done any recent browser version testing. HTH. - Terence At 04:24 AM 1/27/2006, Riccardo Lora wrote: past days i've working on so called css scrollable tables or tables with fixed headers. ... (the main idea from i started off is best detailed here http://cssplay.co.uk/menu/tablescroll.html). Riccardo, In 2004 I came up with a solution to this problem: http://novitskisoftware.com/demos/fixedtableheads/fixedtableheads.html which Brett Merkey improved on to support input fields in the table cells: http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header2.html See if that meets your needs or at least advances you toward your goal. Paul __ 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] Organizing CSS
On Mon, Jan 23, 2006 at 09:19:18AM -0500, Adam Kuehn wrote: You have just violated the CSS Specification, and compliant browsers are therefore free to ignore green.css. [1] Included CSS files must come at the beginning of a stylesheet, before any property/value declarations, not at the end. Which, as a css outsider, I always wondered about. I often think it would be nice to do: table#specific-table { @import general-table.css; } To make the rules only apply to that table, yet have them generic in the general-table.css file. That just came up because I'm using a table from another application that comes with its own css file, but it uses generic selectors. table th { border-bottom: 1px solid #666; } which I don't want to effect other elements. -- Bill Moseley [EMAIL PROTECTED] __ 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 scrollable tables..again
At 11:50 AM 1/27/2006, Terence Ordona wrote: I have my versions of solution at: http://www.imaputz.com/cssStuff/bigFourVersion.html http://www.imaputz.com/cssStuff/bigThreeVersion.html http://www.imaputz.com/cssStuff/bulletVersion.html Nice work on browser support, Terence. For me the big challenge has been to create a scrolling table without defining the column widths explicitly, but instead letting the content determine cell width. Does your model work in those circumstances? Paul __ 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 problems with Opera 8.5:
BTW, while we're discussing interesting things Opera does with CSS, anyone ever see Opera 7.5 go haywire if you use a series of floated elements in an absolutely positioned box? Every other browser (including Opera 8.5) properly shrink-wrapped without dropping the floats to the next line; but Opera 7.5 dropped every single float to it's own line. Not a problem I'm having (I found a few ways around it), just something I wanted to note. __ 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] variation on the Expanding Box Problem?
I'm looking at a case where the rendering differs between IE and Firefox/Opera (all on Win at the moment), and I'm trying to determine whether it's (a) a bug in IE, (b) a bug in FF/Opera, (c) a perfectly reasonable (but different) reading of the spec, or (d) something else. It seems very similar to the Expanding Box Problem [1], except that there's no explicit width on the containing block. Example page is here: http://www.avocado8.com/testing/containing_block.html To see the problem, make your browser window narrower -- until the image is clipped (FF/Opera) or a horizontal scrollbar appears (IE). Basically, IE is expanding the containing div to fit the content no matter what size the browser window is. FF and Opera, on the other hand, limit the size of the div to the width of the viewport and, because overflow: hidden is set on the div, clip the image. (If overflow were not set to hidden, the image would show, but the gray background would stop short of the right edge of the browser.) Thoughts on what's happening here, and ways to work around it? Is setting a width on the div the only way to get the browsers to match? Thanks for your input. cheers, Lori [1] http://www.positioniseverything.net/explorer/expandingboxbug.html Relevant code for example page: #main { background-color: #999; margin: 20px; padding: 20px; overflow: hidden; } ... div id=main img src=660x486.png width=660 height=486 / /div __ 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] variation on the Expanding Box Problem?
Lori Hylan-Cho wrote: I'm looking at a case where the rendering differs between IE and Firefox/Opera (all on Win at the moment), and I'm trying to determine whether it's (a) a bug in IE, (b) a bug in FF/Opera, (c) a perfectly reasonable (but different) reading of the spec, or (d) something else. It seems very similar to the Expanding Box Problem [1], except that there's no explicit width on the containing block. Example page is here: http://www.avocado8.com/testing/containing_block.html Yes, this is an example of IE's bug of auto expansion. To see the problem, make your browser window narrower -- until the image is clipped (FF/Opera) or a horizontal scrollbar appears (IE). Basically, IE is expanding the containing div to fit the content no matter what size the browser window is. FF and Opera, on the other hand, limit the size of the div to the width of the viewport and, because overflow: hidden is set on the div, clip the image. (If overflow were not set to hidden, the image would show, but the gray background would stop short of the right edge of the browser.) Thoughts on what's happening here, and ways to work around it? Is setting a width on the div the only way to get the browsers to match? Which one do you want to change -- FF or IE? If you want to emulate IE's auto expansion, think back to table layout days. Table cells did this very thing. Well, using display: table-cell you can get a div to act like a table cell. I just wrote two articles on this topic, actually: http://www.communitymx.com/abstract.cfm?cid=53F70 http://www.communitymx.com/abstract.cfm?cid=EB8C5 If, on the other hand, you want IE to emulate FF, that's a whole other matter... Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] variation on the Expanding Box Problem?
Thoughts on what's happening here, and ways to work around it? Is setting a width on the div the only way to get the browsers to match? Zoe wrote: Which one do you want to change -- FF or IE? I guess I was imagining that if one browser was obviously getting it wrong, that's the one I'd want to fix. My assumption was that the wrong browser was IE, but I was trying to keep an open mind. :) Lori __ 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] z-index with flash in firefox
http://advocacy.orchidsuites.net/index.php On this page (in firefox for PC) the foldouts that come as a result of rolling over the navigation on the left are stuck under the flash elements ... can someone diagnose a fix for that? Z-index is still baffling to me. Works as designed in windows. -- Tanya -- Tanya Renne, CEO, ORCHID SUITES, Inc. Online tools to engage your constituency, build capacity, and fundraise. http://www.orchidsuites.net ~ [EMAIL PROTECTED] Washington, DC ~ (877) 255-4300 __ 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] z-index with flash in firefox
_ [Original Question:] On this page (in firefox for PC) the foldouts that come as a result of rolling over the navigation on the left are stuck under the flash elements ... can someone diagnose a fix for that? Z-index is still baffling to me. _ [Answer:] There's an inherent problem when dealing with Flash and CSS at the same time: Flash isn't really too horribly interested in z-indexing. That said, I found this nifty little fix quite a while ago, and you might be able to make use of it: http://www.aplus.co.yu/wch/can-you-place-layers-over-flash-files-or-drop-dow ns/ I strongly suggest viewing the examples page there (http://www.aplus.co.yu/wch/examples/) to see the finished version. It's a good method to employ, and I hope it helps. Paul Kahl Web Developer An object at rest cannot be stopped! __ 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] variation on the Expanding Box Problem?
Lori Hylan-Cho wrote: Thoughts on what's happening here, and ways to work around it? Is setting a width on the div the only way to get the browsers to match? Zoe wrote: Which one do you want to change -- FF or IE? I guess I was imagining that if one browser was obviously getting it wrong, that's the one I'd want to fix. In case this means you need a fix for IE: #main { width: 100%; overflow: hidden; background-color: #999; } #main img { margin: 20px;} body { padding: 20px;} looks equal to /* #main { background-color: #999; margin: 20px; padding: 20px; overflow: hidden; } */ in standards mode. /Due to/ the expanding box problem, IE needs a real dimension for overflow to work. 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] Organizing CSS
On 1/28/06, Bill Moseley [EMAIL PROTECTED] wrote: which I don't want to effect other elements. Is it possible to simply add an ID to the table element, and edit the CSS file appropriatly? table#specifictable th { border-bottom: 1px solid #666; } __ 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] Inline style works, Class does not
On 1/28/06, cj [EMAIL PROTECTED] wrote: my guess would be that your image is no longer referenced correctly. make sure the url in your css is relative to the css file's location. I agree, this is the most likely problem. If the directory looks like this: --[-]my webpage [-]css --stylesheet.css [-]images --orangedot.gif Simply change your CSS to: ul.orange-bullet { list-style-image: url(../images/orangedot.gif); } This should solve your problem. -- http://blake.f2o.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] Safari missing headings
Hi folks, has anyone of you recently noticed that the few recent Safari versions do occasionally cut off headings of web sites? The latest WebKit nightlies do seem fine though. Example: http://tmp.alphanumeric.cz/Image53.png (left: latest stable; right: latest nightly) PS: It looks like the nightly builds of WebKit work pretty much well with Saft, it was an issue some time ago IIRC, that's a good news. -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net __ 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] Why develop for old browsers?
I'am responsable for about 10 Webservers hosting abount 2000 domains. Nearly every statistics shows something like this: http://www.gissmoh.de/1.png So my question is: Why investigating in making stylesheets for old browsers like IE 5, Netscape 4 (ha, ha!!) or an old version if Opera?? How do you think about this?? -- wlanhacking.de __ 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] Safari missing headings
On 28 Jan 2006, at 10:23 am, Jan Brasna wrote: has anyone of you recently noticed that the few recent Safari versions do occasionally cut off headings of web sites? Never had a problem with any version of Safari on my side. There have been reports on the Apple Webdev mailing list about occasional display problems in Safari when some of those add-ons (you mentioned Saft) are installed. Removing those, deleting the com.apple.Safari.plist and everything worked fine again. 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] Browser Statistics
Does anyone know of a good resource for browser/platform statistics? I will need it to win a war against some backward thinking in design. Senior Developer on team does not believe CSS support is widespread enough. (!) I can hold my own in conversation regarding which browsers support what, but I would need some solid statistics to prove my thinking to the decision makers. Anything helps. I am familiar with the ever-popular w3schools stats, but they don't cross-ref with platform, and are somewhat skewed. WebSideStory is blocked. I am guessing that they look like this: 90% IE 9% FF -1% other 96% PC 2% mac 2% *nix __ 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 scrollable tables..again
Nice work on browser support, Terence. For me the big challenge has been to create a scrolling table without defining the column widths explicitly, but instead letting the content determine cell width. Does your model work in those circumstances? Paul Thanks Paul. The bigThreeVersion will give you this. Although, for browser other then IE, you do have to add padding to last table cell to make up for the scrollbar... usually 16px. The CSS is the last commented declaration in the page source, and it's basically just td:last-child. HTH. - Terence __ 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] Safari missing headings
Removing those That's unlikely, Saft is a must for serious work. Some other (Stand, WebDev) were removed though. deleting the com.apple.Safari.plist and everything worked fine again. D'oh, I should have checked the preflists, app cache etc. prior to reporting it. Since the versions have separate namespaces, it might be this issue. I'll undergo the cure ASAP, thanks for the tip, Philippe! -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net __ 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] OF: http://mail.communitymx.com/ MEMBERS!!!
I just found a BIG vulnability in enterhosts webmail-system! I informed enterhost to take a look at it! The lacks of proper session handling!!! Be carefull!!! ## http://mail.communitymx.com//rmail.13844.cgi? \\ mbx=Mainmsg=425msgsort=1mbxdate=37376 ## -- wlanhacking.de __ 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 problems with Opera 8.5:
On Sat, 28 Jan 2006 04:19:33 +0800, Kelly Miller [EMAIL PROTECTED] wrote: anyone ever see Opera 7.5 go haywire if you use a series of floated elements in an absolutely positioned box? The original CSS 2.0 spec required width to be specified on floats, so Opera 7.5 (and earlier) requires a width. The current CSS 2.1 spec has removed that requirement, and I believe Opera 8 (and later) no longer need that width. HTH, -- Andrew Gregory, URL: mailto:[EMAIL PROTECTED] URL: http://www.scss.com.au/family/andrew/ __ 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] Odd spacing problem - FF vs IE?
Hi guys... (btw - I only joined this list a couple of weeks ago, and have already learnt heaps about CSS associated topics from the group. *Thank you* to all that contribute :) Just a curio with the 'Search' form at: http://www2.petrescue.com.au/newindex.htm - the spacing between the rows differs quite noticeably between FF and IE. I've forced padding margins for all of the div's form elements; any idea why this might be happening? Thanks, jb :) __ 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] Browser Statistics
{tonyFelice} wrote: Does anyone know of a good resource for browser/platform statistics? http://www.upsdell.com/BrowserNews/stat.htm ...and more, through: http://css-discuss.incutio.com/?page=BrowserStats 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] Why develop for old browsers?
Jochen Kaechelin wrote: Why investigating in making stylesheets for old browsers like IE 5, Netscape 4 (ha, ha!!) or an old version if Opera?? Hi Jochen, I think that most of us either 1. deliver an unstyled version (checked for usability) to older UAs, or 2. use two style sheets, one for basic coloring, a second for layout, giving only the basic coloring to older UAs Check the Wiki for several ways to hide styles sheets from old UAs. Personally, I do check in IE 5 though. Opera (my own preference) works well enough on older versions that I don't worry about it. But I do check in Netscape 4 to make sure it's usable, if not pretty. Others may have different ideas to contribute (?) Cordially, David -- David Hucklesby, on 1/27/2006 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/
Re: [css-d] two colored headers
On Fri, 27 Jan 2006 09:25:37 -0600, cj wrote: i think spans are the way to go for this situation, but i think you'll find that naming your classes something meaningful (such as first-name and last-name) is a better practice than naming them by color. h1span class=first-nameLerrroyy/spanspan class=last-nameJenkins/span/h1 You can do this with *no* class names and only one SPAN, viz: HTML h1Lerrroyy spanJenkins/span/h1 CSS h1 {color: blue;} h1 span {color: red;} Less is more :-) Cordially, David -- David Hucklesby, on 1/27/2006 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/
Re: [css-d] OF: http://mail.communitymx.com/ MEMBERS!!!
Someone told my to make a apology to list because of sending this email --- I just found a BIG vulnability in enterhosts webmail-system! I informed enterhost to take a look at it! The lacks of proper session handling!!! Be carefull!!! ## http://mail.communitymx.com//rmail.13844.cgi? \\ mbx=Mainmsg=425msgsort=1mbxdate=37376 ## --- to the list!!! The only thing I want to tell the people on the list is that there might be some subscribers who use a mailsystem with a vulnability. That's no request for doing some hacks on subscribed users - NO IT'S NOT When you think that this was a bad step take your consequence and unsubscribe me from the list! -- fvgi242ss - gissmoh - Jochen Kächelin Beckhstrasse 18/1 D-73035 Göppingen-Faurndau (Germany) __ 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] z-index with flash in firefox
On Jan 27, 2006, at 1:06 PM, Tanya Renne wrote: can someone diagnose a fix for that? Z-index is still baffling to me. I suggest using wmode=opaque. www.communitymx.com article pertaining to Flash, DHTML Menus and Accessibility: http://snipurl.com/m08r __ 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] menu not showing borders in IE
cj wrote: the menu i'm working with was working great with my different css files until i started putting span tags in the lis, at which point IE threw a hissy fit and no longer showed the borders at all. while trying to figure out what was going on, i discovered that if i put any text at all in front of the link, IE would work again. http://sltclan.com/images/cj/menu-problem-with-ie.html ul span {position:relative;} if someone could also tell me why IE moves my menu to the right when you hover for the first time on a fresh page load, i'd love to fix that too. ul { position:relative;} alternatively, removing all of these hotfixes onmouseover=this.className='current iefix' onmouseout=this.className='current' will stop the jumping, too. 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/