Re: [css-d] Fixed positioning workaround
Jonathan Carter wrote: I'm trying to implement a fixed positioned header and left column workaround in a test page that will work in IE and FF. It works in FF nicely, and it's on it's way to working in IE, but I just can't get it to work perfectly. The test page can be found here: http://www.epiphanize.com/Test.htm Any help with making this work in IE would be greatly appreciated. Sorry, dunno. You may find what you need here, though? http://limpid.nl/lab/css/fixed/header-and-left-sidebar Jonathan Carter Best, ~dL __ 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] Using Fieldset/legend on non-form elements?
Hi list, What are you thoughts on using fieldsetlegend/legend/fieldset tags on/with non-form content? Anyone have suggestions for the best alternative (one that works on Mac/IE would be nice)? I am going for this look: [LEGEND]- Content, content, content.. That would be a horizontal border that spans 100% with the legend on top/left-middle. I am still doing google/wiki searches... Thanks in advance all, Cheers, Micky -- BCC for Privacy: http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html My del.icio.us: http://del.icio.us/mhulse __ 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] Using Fieldset/legend on non-form elements?
That would be a horizontal border that spans 100% with the legend on top/left-middle. I am still doing google/wiki searches... There is one solution in the archives. No idea if it works on Mac/IE but I guess that is hackable. http://archivist.incutio.com/viewlist/css-discuss/64044 -- 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] Using Fieldset/legend on non-form elements?
On Dec 8, 2005, at 12:57 AM, Christian Heilmann wrote: There is one solution in the archives. No idea if it works on Mac/IE but I guess that is hackable. Actually, that does pretty well on IE/Mac... Can anyone tell me how it looks on a PC? http://www.ambiguism.com/CSSD/testing.html Any thoughts on improving (hehe, besides removing the inline CSS): div style=border:1px solid #000;padding: 0 10px 10px 10px;margin-top:10px; h3 name=pseudo-legend style=display:inline;padding:5px;font-weight:normal;height:20px; position:relative;z-index:101;top:-12px;background-color:#fff;Name/ h3br /Lorem ipsum I wish I had a cat./div So, I am going to assume that using fieldset/legend on/with non-form elements is a no-no? Thanks Christian! :) Cheers, Micky -- ¸.·´¯`·.¸¸(((º`·.¸¸.·´¯`·.¸¸º ·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸º `·.¸¸º¸.·´¯`·.¸¸º __ 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] Using Fieldset/legend on non-form elements?
So, I am going to assume that using fieldset/legend on/with non-form elements is a no-no? Yes, much like using a picture frame for a bunch of flowers would be artistic, but not very logical. :-) -- 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] ul with padding inside div that has overflow: auto
Hello, can anyone explain why there is a horizontal scrollbar for a div in Firefox if there is a ul with padding: 0; inside it? And why the padding disappeares if I set the padding to at least 8px for example? The uls have list-style-type:none; - but it does happen without that rule only takes larger values I set up an example page: http://dev.electroschore.de/uloverflowautotest.htm Doesnt occur in IE Thanks for your answers André __ 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-discuss wiki
At 10:27 +0800 8/12/05, Jonathan Lui wrote: Don't know if this is the correct place to post this The correct place for all enquiries about the running of the list / wiki is the list owner's address: [EMAIL PROTECTED] but the css-discuss wiki http://css-discuss.incutio.com/ can't be accessed from where I am (shanghai, china). It gives me a 403 Forbidden error, so I know i'm able to at least reach the server. I tried going through tor and it works. Is there a filter in place that bans visits from China? I very much doubt it. I also doubt that css-d has done anything to displease the Chinese authorities to earn a place in their blocked list. Maybe Eric will have some actual insight into this when he comes online later today. However, there's nothing to be gained from discussing this on list any further so let's get back to CSS... Alex 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/
Re: [css-d] Hiding rules from FF1.07 on a Mac
Hi Ingo, Can't answer your question, but do you have an URL at hand? Unfortunately not at the moment - still throwing around lots of options to see if I can alter the layout to avoid the problem in the first place. It is actually interesting to see that there are differences between FF on the Mac and FF on the PC - I had always assumed that they were the same code base. Anyone else with ideas on how to hide css rules from FF on a Mac? Cheers, Julian Voelcker Cirencester, United Kingdom __ 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] ul with padding inside div that has overflow: auto
medial | André Huf wrote: can anyone explain why there is a horizontal scrollbar for a div in Firefox if there is a ul with “padding: 0;” inside it? And why the padding disappeares if I set the padding to at least 8px for example? The ul’s have list-style-type:none; - but it does happen without that rule – only takes larger values http://dev.electroschore.de/uloverflowautotest.htm André, Fx1.5 does not show this problem anymore, and ul { overflow: hidden;...} seems to patch it in Fx1.0.7 for this page. Cannot explain this. 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] ul with padding inside div that has overflow: auto
André, On Dec 8, 2005, at 4:35 AM, medial | André Huf wrote: Hello, can anyone explain why there is a horizontal scrollbar for a div in Firefox if there is a ul with “padding: 0;” inside it? And why the padding disappeares if I set the padding to at least 8px for example? The ul’s have list-style-type:none; - but it does happen without that rule – only takes larger values I set up an example page: http://dev.electroschore.de/uloverflowautotest.htm I may be confused here, (haven't had my first cup of coffee) but in your example, the div displaying the scroll bar has a ul with 20px padding on it. It looks like the browser is doing what you asked. Every browser has default margin and padding on ul and li elements. When working with lists I always set both margin and padding to remove the variation caused by these differing defaults. hth Roger, 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] Hiding rules from FF1.07 on a Mac
Julie, On Dec 8, 2005, at 5:30 AM, Julian Voelcker wrote: Hi Ingo, Can't answer your question, but do you have an URL at hand? Unfortunately not at the moment - still throwing around lots of options to see if I can alter the layout to avoid the problem in the first place. This is often the preferred method. CSS Hacks are the case of last resort. It is actually interesting to see that there are differences between FF on the Mac and FF on the PC - I had always assumed that they were the same code base. They are. Once in a while they will display differently, usually because of font issues. if the design is very 'tight' this is more likely to happen. What happens to the layout when you change your text size in ff/win? hth Roger, 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] ul with padding inside div that has overflow: auto
On 8 Dec 2005, at 8:21 pm, Ingo Chao wrote: can anyone explain why there is a horizontal scrollbar for a div in Firefox if there is a ul with “padding: 0;” inside it? And why the padding disappeares if I set the padding to at least 8px for example? The ul’s have list-style-type:none; - but it does happen without that rule – only takes larger values http://dev.electroschore.de/uloverflowautotest.htm André, Fx1.5 does not show this problem anymore, and ul { overflow: hidden;...} seems to patch it in Fx1.0.7 for this page. Cannot explain this. It has something to do with the space reserved for the list-marker that is still 'there', even if you set list-style to none and zero out padding and margin. Overflow:hidden avoids the problem (cropped away), if that fixes it for you. Another solution is li {list-style: none inside;} Note the addition of 'inside' for list-style position. As Ingo notes, the problem is fixed in Fx 1.5 and newer. 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/
Re: [css-d] Using Fieldset/legend on non-form elements?
On Dec 8, 2005, at 12:48 AM, Michael Hulse wrote: [LEGEND]- Content, content, content.. Just out curiosity, how does this function on the PC: http://www.ambiguism.com/CSSD/testing2.html ... div.pseudoLegend { padding: 0 1em; background: #fff url(../images/dotted.gif) repeat-x 1% 50%; } div.pseudoLegend h3 { font-size: 1.1em; border: 1px solid red; color: #3254B3; padding: 5px; display: -moz-inline-box; display: inline-block; background-color: #fff; } ... div class=pseudoLegend h3 name=pseudo-legendWinch amp; Steering Bands/h3 /div ... How worried should I be about display: -moz-inline-box;? I feel like I am not seeing something obvious here... hmm... maybe I need to catch-up on some sleep. Thanks! :) Cheers, Micky -- ¸.·´¯`·.¸¸(((º`·.¸¸.·´¯`·.¸¸º ·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸º `·.¸¸º¸.·´¯`·.¸¸º __ 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] weird behaviour when adding classes through javascript
hepabolu wrote: Hello, can someone please explain why the following is happening? I have a table and mark the rows with 2 classes, say class1 and class2. Class1 changes the background color and the font to bold, class2 also changes the background color (to something different from class1) and sets the border to 3px solid. When I write XHTML and add the classes directly (tr class=class1 class2) everything behaves as expected. However, when I add the classes using javascript the border is not applied, but the background color is. Does anyone know what happens and/or know how to solve this? code snipped Hi Helma, I noticed that you haven't received a response to your question. Would you please consider posting a URL to a publicly available page that displays your problem? This will greatly increase the chances of someone being willing or able to help you. Through a brief look at your code, I didn't see anything that jumped out at me as wrong, but it's hard to view code in an email, nor do we get to see the entire page to ferret out if pieces that you have omitted are actually the ones causing the problem. So, a URL to a page sent to the whole list (not just to me) would be great. 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] Hiding rules from FF1.07 on a Mac
Hi Roger, Julie, Julian! It is actually interesting to see that there are differences between FF on the Mac and FF on the PC - I had always assumed that they were the same code base. They are. Once in a while they will display differently, usually because of font issues. if the design is very 'tight' this is more likely to happen. What happens to the layout when you change your text size in ff/win? Changing the font size makes no difference in Win or Mac - I'm using FF 1.5 on Win and 1.07 on the Mac. The layout is an interface for a CMS and is a strong mix of dhtml and css - I'm just going to have to leave the Mac side of things broken for the time being and will revisit it in a few days time. Cheers, Julian Voelcker Cirencester, United Kingdom __ 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] absolute positioning??
Hi Greg and CSS-d I have an alternativ approach to the solution, using your mentioned position: absolute instead of tables, for two reasons: Firstly, I was horrified by the huge number of table-cells ;-) Secondly, I wouldn't like to create the engine behind, administrating the table-setup. SO I went for a solution with divs, having a background png for the 15-minutes-grid and positioning the work/vacation-boxes absolutely, but in a position:relative -div themselves, which allows us to maintain top: 0; for them and just tell how many pixels=minutes from the 6 o'clock left-margin we want it to begin, and how many pixels/minutes we want them to cover. It's all here: http://garion.dk/webdesign/scheduling.html, further explanations on demand, and if anybody is interessted in the rough and tiny PHP code behind some of it, just ask me off-list. Regards Jesper Brunholm Greg Morphis wrote: Hey, I'm trying to build a daily schedule view which will have schedules from 6am - 10pm. [...] __ 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] ul with padding inside div that has overflow: auto
Thanks a lot Philippe, that did the job. How do you manage to know all this? (Maybe this is a serious question - how do list members get their knowledge about these things - experience doesnt count as an answer :-) Another solution is li {list-style: none inside;} __ 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] transparent input background in Safari
Gregory Wiest wrote: Can someone tell me how to get Safari to draw transparent backgrounds for the input fields on this page? http://www.chasing-rainbow-productions.de/sb/contact.php Firefox 1.5, Opera 7.5/8, IE-Win 6/5.5, and NN 7 do what I want, but Safari 2.02 only draws the textarea background transparent. The relevant code is fieldset { border: 1px solid #ccc; margin-top: 1em; padding: 1em; width: 550px; background: transparent url(sbbilder/whitecheck.gif); } textarea, input { padding: 2px 2px 0 5px; background-color: transparent; border: 2px outset #666; } Gregory, It looks like you have run into one of the fundamental problems with styling forms: each browser only allows you so much control. Our wiki page mentions this [1]. I would encourage you to add your findings about transparent inputs as a section on that page that others can benefit from. [1] http://css-discuss.incutio.com/?page=FormElements 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] database tabular data
[EMAIL PROTECTED] wrote: How do I layout css div's to display multi columm tablular data from a database. Up until now I've used tables within an asp loop, with tr/tr or each row and td/td for each column. In spite of my post 20 minutes ago (subj: absolute positioning), I agree the two other replies that you've had on the list, tabular data belongs in tables. But there is always border-cases, perhaps my the post has something for your content. demo here: http://garion.dk/webdesign/scheduling.html By the way: you mention multi column data, td and tr but not colspan and rowspan - I assume that you know these cell-grouping properties? Kind regards Jesper Brunholm __ 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] Hiding rules from FF1.07 on a Mac
Julian, On Dec 8, 2005, at 7:30 AM, Julian Voelcker wrote: Hi Roger, Julie, Julian! I'm so sorry! I guess I should have had my coffee before reading list mail. Changing the font size makes no difference in Win or Mac - I'm using FF 1.5 on Win and 1.07 on the Mac. The layout is an interface for a CMS and is a strong mix of dhtml and css - I'm just going to have to leave the Mac side of things broken for the time being and will revisit it in a few days time. That is interesting. I'd be interested in seeing it sometime if that is at all possible. I'd like to create a test case that demonstrates the problem so I can construct a reasonable bugzilla entry. Roger, Roger Roelofs [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/
[css-d] It's possible to do that ...
Well I have a web page in this address http://www.jovenclub.cu/grm/ for now. I need to build an alternative for JavaScript Menu System positioned in Bottom Right at page. Move the mouse over the images Servicios and Directorio and see them. It's posible to do something like this using CSS?? King regards ReynierPM Usuario registrado de Linux: 310201 * No basta con alcanzar la sabiduría, es necesario saber utilizarla. __ 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 and a DIV
Carlton Gregory wrote: The below pseudo code basically hides and displays a div Can I with CSS do the same thing without using JavaScript. I actually want to hide and show a div with a nested form that has one text input in it. Problem is I want to show it in the middle of the page. I want it to hide when the user clicks submit. No, CSS cannot do this. CSS is about presentation, not behavior. Granted, it contains hover, which slips into behavior, but it certainly can't alter your page when the user clicks. Use JavaScript. The less JavaScript the better. Thanks for your time. Any reason why? Don't answer on list, since it's off-topic -- just consider why you think JavaScript is not a good solution for this. 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] ul with padding inside div that has overflow: auto
Another solution is li {list-style: none inside;} This introduces extra padding on the left of the li in IE6 WinXP. Is there a better way than fixing this with: li { list-style: none inside; _list-style: none outside; } André __ 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] absolute positioning??
Jesper Brunholm wrote: I have an alternativ approach to the solution, using your mentioned position: absolute instead of tables, for two reasons: Firstly, I was horrified by the huge number of table-cells ;-) Secondly, I wouldn't like to create the engine behind, administrating the table-setup. SO I went for a solution with divs, having a background png for the 15-minutes-grid and positioning the work/vacation-boxes absolutely, but in a position:relative -div themselves, which allows us to maintain top: 0; for them and just tell how many pixels=minutes from the 6 o'clock left-margin we want it to begin, and how many pixels/minutes we want them to cover. It's all here: http://garion.dk/webdesign/scheduling.html, further explanations on demand, and if anybody is interessted in the rough and tiny PHP code behind some of it, just ask me off-list. While this is a great proof of concept, I wouldn't use it on an actual project. This is really tabular data and belongs in a table. With this sort of layout, there is no underlying semantic meaning that the user agent can make sense of without CSS. Turn off CSS and see what I mean. Even in an intranet setting where you can assure that everyone has CSS turned on, this might not be a good solution because if it needs to be significantly restyled it will probably take considerably more work than restyling the table would. With a lot of employees with very different schedules, it could also get pretty messy -- a ton of ids to form the colored spans for each of their schedules. Maybe I'm wrong about this last though -- maybe the PHP is doing something that makes this far more efficient than I can see. 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] Hiding rules from FF1.07 on a Mac
Hi Philippe, Have you checked if your problem also happen on Fx 1.07 Win ? Not yet. The system isn't for general release for a few months, when it will be released to a closed user group initially - we have been working on the basis as setting IE6 and FF1.5 as the standard for browsers. Eventually we will look at support for more browsers, but it will always be limited due to the complexity of the interface. I hadn't actually noticed that I only had 1.0.7 on the Mac - only just got it last week (Mac Mini) purely for testing purposes. Cheers, Julian Voelcker Cirencester, United Kingdom __ 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] It's possible to do that ...
On 08/12/05, Reynier Perez Mira [EMAIL PROTECTED] wrote: Well I have a web page in this address http://www.jovenclub.cu/grm/ for now. I need to build an alternative for JavaScript Menu System positioned in Bottom Right at page. Move the mouse over the images Servicios and Directorio and see them. It's posible to do something like this using CSS?? Well, yes and no. Its possible, but it won't work in IE. This sort of behaviour is better handled with JavaScript anyway - which lets you add essential usability features (such as the menu not vanishing if the user can't move the pointing device with a high degree of precision and thus sliding slighty outside the menu which moving to the top item, or adding keyboard support so that users who don't (or can't) use a pointing device at all can use the page). Another option is to not have a popout menu at all. There are so few options there that you might as well display them all at once. If there were a significant number, then a gateway page for each section is likely to be in order. As an aside, I noticed that it took about 480k of data transfer to build that page, which took ages, even over broadband. As a general rule 50k is the maximum (and even that is an outside, I generally aim for 30k or less - which you exceeded by a factor of 16!). -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] It's possible to do that ...
Hello David: After all thanks for answer my question. Well, yes and no. Its possible, but it won't work in IE. This sort of behaviour is better handled with JavaScript anyway - which lets you add essential usability features (such as the menu not vanishing if the user can't move the pointing device with a high degree of precision and thus sliding slighty outside the menu which moving to the top item, or adding keyboard support so that users who don't (or can't) use a pointing device at all can use the page). I try an alternative because I want that this page perform Web Standars and WAI normatives for accessibility and usability. If I have a JavaScript code then users doesn't activate JavaScript in there browser or simply don't support it (infrequent but ...) won´t use it. So I find for alternative for build a menu system and set free the load for page. I think to add a keyboard support but I don't know how. Another option is to not have a popout menu at all. There are so few options there that you might as well display them all at once. If there were a significant number, then a gateway page for each section is likely to be in order. This part I really not understand well. Can you be more explicit ?? As an aside, I noticed that it took about 480k of data transfer to build that page, which took ages, even over broadband. As a general rule 50k is the maximum (and even that is an outside, I generally aim for 30k or less - which you exceeded by a factor of 16!). Yes, other people say me this problem but I don't know what's happened. I think that it maybe is cause for the very many images having in first and others page. I find for another layout but it not depend of me if not the web dessigner. I´m only take a programming part. You know PHP, JavaScript, CSS, XHTML and databases. So I waiting for your reply King regards ReynierPM Usuario registrado de Linux: 310201 * No basta con alcanzar la sabiduría, es necesario saber utilizarla. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Dorward Sent: Thursday, December 08, 2005 9:00 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] It's possible to do that ... On 08/12/05, Reynier Perez Mira [EMAIL PROTECTED] wrote: Well I have a web page in this address http://www.jovenclub.cu/grm/ for now. I need to build an alternative for JavaScript Menu System positioned in Bottom Right at page. Move the mouse over the images Servicios and Directorio and see them. It's posible to do something like this using CSS?? Well, yes and no. Its possible, but it won't work in IE. This sort of behaviour is better handled with JavaScript anyway - which lets you add essential usability features (such as the menu not vanishing if the user can't move the pointing device with a high degree of precision and thus sliding slighty outside the menu which moving to the top item, or adding keyboard support so that users who don't (or can't) use a pointing device at all can use the page). Another option is to not have a popout menu at all. There are so few options there that you might as well display them all at once. If there were a significant number, then a gateway page for each section is likely to be in order. As an aside, I noticed that it took about 480k of data transfer to build that page, which took ages, even over broadband. As a general rule 50k is the maximum (and even that is an outside, I generally aim for 30k or less - which you exceeded by a factor of 16!). -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Hiding rules from FF1.07 on a Mac
Hi Roger, That is interesting. I'd be interested in seeing it sometime if that is at all possible. I'd like to create a test case that demonstrates the problem so I can construct a reasonable bugzilla entry. OK, I will see what I can do, but can't promise anything. What do you need? Cheers, Julian Voelcker Cirencester, United Kingdom __ 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] display: table-cell --- why?
Rolf Mortenson wrote: Okay... so I recently posted this test page with a different problem, but I wonder if this would have benefited from display: table-cell or it's brethren? http://www.monkeypuzzle.net/testfiles/html_test_gc3/test5.html Actually, this would have benefited most from an actual table. The CSS display:table-cell is meant to mimic the display properties of a table cell, but without actually having the table semantics at the markup level. So why would you do that? Table cells in traditional HTML have been granted some unique properties. They have the ability to vertically center content with relative ease, for example, something that can be difficult to accomplish using other display types. And they have the ability to expand based on the content of adjacent elements, something you would otherwise need a direct container to accomplish. And, as someone already mentioned in the thread, they have the ability to style arbitrary XML elements and make them behave as tables. But the key in using display: table-* is that you need table-like display properties without wanting to have table-like semantics for people/machines that don't get or use the styling information. In other words, there are times when those properties can be very handy, but it isn't that often. Most of the time, when you want to see a table, you want to actually have a table in the structure, too. And there is also the difficulty that while display: table-cell and its siblings could be useful in certain places in the real world, they actually aren't, simply because the vast majority of the population uses a browser that doesn't support those values. Maybe soon. -Adam Kuehn __ 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] On foo, cultural references and subject lines (was: It's possible to do that ...)
At 10:32 -0500 8/12/05, Reynier Perez Mira wrote: Well .. I check later the page you leave me. What's means foo ?? I can't understand complety your sentence because I not know what's mean foo. Soury I'm cuban and pratice english only in this way Foo means that the word is a variable and you need to substitute it with the actual meaning. http://en.wikipedia.org/wiki/Foo Remember folks, not everyone speaks English as a first language round here. Nor does everyone necessarily understand cultural references that seem obvious to you. Especially ones that relate to programming culture. I'm not suggesting that people dumb down or that people on this list shouldn't occasionally confront something new (otherwise how are they supposed to learn?), but just to remind people that simple, clear writing is a winner in any language. Lastly, always try to write as informative a subject line as you can when you start a thread on the list - it really helps the other list members to decide whether they even bother to read your message in the first place, and then it helps people searching for answers in the future which makes the list better for everyone. 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/
Re: [css-d] It's possible to do that ...
Thanks to all, now I know what's mean foo and bar King regards ReynierPM Usuario registrado de Linux: 310201 * No basta con alcanzar la sabiduría, es necesario saber utilizarla. -Original Message- From: Brian Cummiskey [mailto:[EMAIL PROTECTED] Sent: Thursday, December 08, 2005 9:52 AM To: Reynier Perez Mira; css discuss Subject: Re: [css-d] It's possible to do that ... Reynier Perez Mira wrote: Well .. I check later the page you leave me. What's means foo ?? I can't understand complety your sentence because I not know what's mean foo. Soury I'm cuban and pratice english only in this way Hi Reynier: foo is a word that is used in programming much like X is used in math. The same goes for bar or, in math, Y. There is no real value to them. for example, if($foo) { echo $bar; } is a common example used. Hope this helps. __ 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] symmetry: Horizontal centering divs
I want to have a number of small divs (lets say they have equal width eg 100px) stacked next to each other but overall centred in a liquid center reqion. snip There does not seem to be a complete solution to this, although I would be delighted if someone can tell me I am overlooking something. Published today, at Drew McLellan's 24 ways to impress your friends: Centered Tabs with CSS by Ethan Marcotte. Enjoy! http://24ways.org/advent/centered-tabs-with-css Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] absolute positioning??
Greg Morphis wrote: Hey thanks again for the help.. I'm very happy that you can use it. I still discuss with myself whether I have sinned in the eyes of Deus SemantiMaxus, but as long as it works and provides the overview intented. Quick question.. it says 10px = 15 mins? So 40 pxs = 60 minutes or an hour. There's one funny bogus there, I had overlooked - it appears that the rules are a little complicated: 10px = 15 minutes of positioning. (and 40px=60min) but (10-5)px = 15 minutes of timespan, as (40-5=35)px = 1hour of timespan And actually it should be -6 there, namely 2x2pixel padding + 2 pixel border that we don't want covered. There's a small padding on the .work and .vacancy classes, which we have to allow for. We could take it out, but then we would still have the right-border covered, which isn't nice. So instead: if you change div.work, div.vacate { position: absolute; top: 0; border: 0; } to div.work, div.vacate { position: absolute; top: 0; border: 0; padding: 2px 1px 2px 2px; } Then it's there - deduct 5 pixels from the found width, and it fits. I've changed my example a bit online http://garion.dk/webdesign/scheduling.html - but only to demonstrate the change mentioned above. Kind regards Jesper Brunholm __ 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 and a DIV
Thank you I agree that part of it is javascript but I think that part has to do with layers and a z-index with absolute positioning ( CSS ? ) A visual of what Im trying to do is here us.f1.yahoofs.com/bc/3f944399_2f13/bc/DocDesign/HEWV.pdf?bft2FmDBZdclnjs z -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Zoe M. Gillenwater Sent: Thursday, December 08, 2005 8:17 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] CSS and a DIV Carlton Gregory wrote: The below pseudo code basically hides and displays a div Can I with CSS do the same thing without using JavaScript. I actually want to hide and show a div with a nested form that has one text input in it. Problem is I want to show it in the middle of the page. I want it to hide when the user clicks submit. No, CSS cannot do this. CSS is about presentation, not behavior. Granted, it contains hover, which slips into behavior, but it certainly can't alter your page when the user clicks. Use JavaScript. The less JavaScript the better. Thanks for your time. Any reason why? Don't answer on list, since it's off-topic -- just consider why you think JavaScript is not a good solution for this. 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-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 and a DIV
This is exactly what I want to do. Don't know if the CSS part is the best way or not. Thanks for all responses, your time is appreciated. http://www.geocities.com/technofundo/tech/js/showhide.html# -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Carlton Gregory Sent: Thursday, December 08, 2005 12:27 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] CSS and a DIV Thank you I agree that part of it is javascript but I think that part has to do with layers and a z-index with absolute positioning ( CSS ? ) A visual of what Im trying to do is here us.f1.yahoofs.com/bc/3f944399_2f13/bc/DocDesign/HEWV.pdf?bft2FmDBZdclnjs z -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Zoe M. Gillenwater Sent: Thursday, December 08, 2005 8:17 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] CSS and a DIV Carlton Gregory wrote: The below pseudo code basically hides and displays a div Can I with CSS do the same thing without using JavaScript. I actually want to hide and show a div with a nested form that has one text input in it. Problem is I want to show it in the middle of the page. I want it to hide when the user clicks submit. No, CSS cannot do this. CSS is about presentation, not behavior. Granted, it contains hover, which slips into behavior, but it certainly can't alter your page when the user clicks. Use JavaScript. The less JavaScript the better. Thanks for your time. Any reason why? Don't answer on list, since it's off-topic -- just consider why you think JavaScript is not a good solution for this. 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-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 Style Switcher
Hello, I'm working on a project for a college web design class and would love to use alternate style sheets. I have been trying to use Paul Sowden's article at A List Apart (http://www.alistapart.com/stories/alternate/) as a guide, but I'm running into some snags. The styles switch fine, but I can't seem to get the cookie to stick, so when I browse to another page in my site, it reverts back to the default CSS style. I have a feeling I am missing something really obvious. I'm not sure if I needed to do any editing to Paul's styleswitcher.js file or not - I didn't touch it as he didn't mention that it needed to be edited. After looking around the internet and not finding where my problem might lie, I've come to beg for help. :) If anyone notices something off or has suggestions, I would be deeply grateful. My in-progress site is currently located at: http://www.chaotic-equilibrium.com/index-new.html Many thanks! Christine __ 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] Styling Listboxes (in IE?)
Kevin Cannon wrote: On Mon, Nov 28, 2005 at 12:42:55PM +, Kevin Cannon wrote: I'm having an unusual problem with styling a listbox in IE. www.treacymowers.ie/index2.php I'm just changing the font-size and colour. It works fine in Firefox. In IE, the rendering is odd, but if you minimize IE and then Restore it, then it works fine. I've never seen IE behave like this, and I'm at a bit of a loss. Also, apologies for forgetting to post up the CSS: http://www.treacymowers.ie/inc/treacy_sections.css #front-page #content div.right select, #front-page #content div.right select option { font-family: Verdana, Arial, Helvetica, sans-serif; color: #99; font-size: 11px; } Although, I don't actually think it's an issue with CSS rule's specifically. Since the original posting I've noticed that the problem does not seemt o happen on a local machine. If I copy the generated HTML CSS Internet Explorer does not demonstrate the error. Kevin, It appears you never received any answers to this question. This might be due to the fact that you replied to an existing message to start your thread, so your message likely got buried in many people's inboxes. When I look at your page in both FF and IE in Windows, the select box looks the same, except that the scrollbar is missing in IE. The font size and color are unaffected in either and they just show my browser/OS defaults. This is usually the case with select boxes. Perhaps you are on a Mac and the browsers there do not rely on the OS as much for list widget styling? 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 Style Switcher
On 12/8/05, Christine Harcinske [EMAIL PROTECTED] wrote: Hello, I'm working on a project for a college web design class and would love to use alternate style sheets. I have been trying to use Paul Sowden's article at A List Apart (http://www.alistapart.com/stories/alternate/) as a guide, but I'm running into some snags. Maybe if I share my code with you, you might find the problem. My switcher uses this to write the cookie: ?php setcookie ('sitestyle', $set, time()+31536000, '/', 'rdpdesign.com', '0'); header(Location: $HTTP_REFERER); ? I then have this for the stylesheet link tag: link rel=stylesheet type=text/css media=screen title=user defined href=?php echo (!$sitestyle)?'default':$sitestyle ?.css / link rel=alternate stylesheet type=text/css media=screen title=access href=/access.css / and this for the switcher links: a href=/switcher.php?set=defaultDefault Style/a a href=/switcher.php?set=accessHigh Contrast/a So clicking the links sets the variable $set to default or access, then when the page reloads it writes the variable $set to the 'sitestyle' cookie, and then the link tag is written with the variable $sitestyle that comes from the cookie. Hopefully your mail client didn't eat up those tags. Let me know if this helps. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Style Switcher
On 12/8/05, Christian Montoya [EMAIL PROTECTED] wrote: On 12/8/05, Christine Harcinske [EMAIL PROTECTED] wrote: ... ... Apologies to list if all that was off topic. Christine, make sure you have cookies enabled when you are testing this. Please reply off-list if the admin does declare this thread off-topic. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Style Switcher
Christine Harcinske wrote: Hello, I'm working on a project for a college web design class and would love to use alternate style sheets. I have been trying to use Paul Sowden's article at A List Apart (http://www.alistapart.com/stories/alternate/) as a guide, but I'm running into some snags. The styles switch fine, but I can't seem to get the cookie to stick, so when I browse to another page in my site, it reverts back to the default CSS style. I have a feeling I am missing something really obvious. I'm not sure if I needed to do any editing to Paul's styleswitcher.js file or not - I didn't touch it as he didn't mention that it needed to be edited. After looking around the internet and not finding where my problem might lie, I've come to beg for help. :) If anyone notices something off or has suggestions, I would be deeply grateful. My in-progress site is currently located at: http://www.chaotic-equilibrium.com/index-new.html Many thanks! Christine I have no clue. But it does seem to me someone may have their priorities confused. Your page is unreadable in every browsers on earth, Internet Explorer can not zoom fonts set in pixels, and why are you using tables to layout a page that essentially has no tabular data? If you want to convert that 1990s table layout to a contemporary CSS layout that is readable, contact me off-list next week(I will be away until Monday). Either way, I wish you well. Best, ~dL __ 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 1.5 link jumping problem
This problem wasn't present in Firefox 1.0.x versions, but it is present in Firefox 1.5. When I right or left click a link on the page (other than the top green nav bar links), the page jumps. The jump occurs because the last link, Children, in the nav bar is jumping down a line. I don't have this problem on the homepages, just on the content pages. See http://www.fresnolibrary.org/child/prch/index.html for an example. I have no idea what's going on. Please help!!! TIA... Sarah __ 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 - OFFTOPIC] Re: CSS Style Switcher
Apologies to list if all that was off topic. Christine, make sure you have cookies enabled when you are testing this. Please reply off-list if the admin does declare this thread off-topic. Yep. It is indeed off topic. There is absolutely no reason for this list to ever see a single snippet of PHP/Perl/Java/Python/Ruby/Lisp/ASP (or whatever your favourite programming language is). Let's stick to the practical use of CSS please. Alex 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] Layout question
I'm trying to design a layout that splits the vertical space of the page into two sections: the header, and the body. I want to header to be a fixed height, and I want the body height to be 100% of the rest of the page/viewport. What would be the best way to implement this? Thanks for your help. - Jonathan Carter __ 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] True scalable, rounded buttons with CSS and images.
Recently, a project I was working on required some rounded buttons as menu items. 1. They needed to be pill-shaped like a Tylenol caplet. 2. The buttons would be on a background image and had to flow across it naturally. 3. The buttons would only hold one or two words, and always on one line of text. There would never be images inside the buttons. 4. The buttons needed to allow for scaling of the text inside without breaking the design. 5. The buttons themselves needed to scale as the text inside grew/shrank. 6. They couldn't rely on Javascript or any other kind of voodoo. I came up with a solution based on images and CSS that does allow the buttons to scale with the text. It's a little clunky, but it's the best I've seen. I was hoping to get some help on refining the process. Two problems: First, the whole setup blows up if CSS is off (that's not a huge issue for me, but it might be to some people). Second, the whole button isn't a clickable link right now, just the text on it is. I've got a tutorial up for people to see what I've done so far and all of the code is available there. The tutorial is located at http://www.writtenconspiracy.com/rounded_buttons/ Mostly I'm just sharing, but I think people will find this useful and hopefully someone can find some solutions for the problems it has. I'll gladly take any feedback that people have on it. Thanks! Craig __ 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] list-style: isn't styling in IE6...
On Wed, 7 Dec 2005, Jeff Ross wrote: On Wed, 7 Dec 2005, Jeff Ross wrote: I've got this page http://voices.wykids.org/ecds/ with stylesheets http: //voices.wykids.org/stylesheets/main.css http: //voices.wykids.org/stylesheets/ie.css This page contains several unordered lists but I'm unable to get list-style: to display _any_ type in IE. FF does just fine. I can make changes to my ie-specific stylesheet and see those changes in IE, so the stylesheet is being loaded and parsed. I've got a feeling this is going to be something simple, but I can't see it. Thanks for any other eyes that would like to peer in! Jeff Ross Apologies to those that have checked and couldn't download two of the list-style-types that are images. I forgot to commit them into cvs before I did the last cvs up. The problem still remains, though. Jeff Ross Replying to my own post for the sake of the archives: In the ie.css specific file referenced above, I had this version of the Holly Hack /* Fix IE. Hide from IE Mac \*/ * html ul li {float: left;height: 1%; } * html ul li a {height: 1%;} /* End */ /* that I found it in http://www.alistapart.com/articles/horizdropdowns That fixed the problem with my navigation div, but was responsible for IE not styling my ul. I fixed this by altering the above to a more specific version in ie.css: div#navigation ul li { float: left; height: 1%; } div#navigation ul li a { height: 1%; } and my uls suddenly have list-styles! Some have _two_ list-styles in fact, but I'll start woking on that next :-) Thanks to all of the eyes that looked at the site! Jeff Ross __ 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 1.5 link jumping problem
Smith, Sarah wrote: This problem wasn't present in Firefox 1.0.x versions, but it is present in Firefox 1.5. When I right or left click a link on the page (other than the top green nav bar links), the page jumps. The jump occurs because the last link, Children, in the nav bar is jumping down a line. I don't have this problem on the homepages, just on the content pages. See http://www.fresnolibrary.org/child/prch/index.html for an example. I have no idea what's going on. Please help!!! TIA... This does not look nice. http://www.satzansatz.de/cssd/tmp/05120801.html Georg's fix does it's job. Is the negative margin on #menu a triggering this bug? 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/
[css-d] clearing a float without clearing another float
I've run into this problem a few times lately, and have yet to figure out how to resolve it. Here is the test page: http://offlead.com/stuff/floattest/index.html CSS is in the file. div#column is floated left of div#content. (These are nested within #page and #wrapper divs that are used to set a background image and create a right side margin on this layout, while allowing the width of the content div to remain fluid.) Within div#content, I have a floated div to contain product images. The first part of the content needs to wrap around div.thumbnail, as shown. But this copy may or may not exceed the overall height of div.thumbnail, depending on how many thumbs there are to display, and how much intro copy there is about the product. Following the introductory blurb, I need the next piece of content to drop down below the div.thumbnail. This second level of copy may start with a paragraph, an h3, or a table, but the key here is that I need it to clear that thumbnail div. But if I set whatever the block element is to clear left, it now drops down to sit on the page below the div#column height, as shown here: http://offlead.com/stuff/floattest/index2.html Is there a way to clear the bottom of the thumbnail div without clearing the bottom of the column div? Jeniffer Jeniffer C. Johnson OffLead Productions http://www.offlead.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] Vertically scrollable and fluid container
I have a div that I want to be vertically scrollable and fluid at the same time by using absolute positioning. In FF this works nicely, but in IE it doesn't want to scroll the div because of the lack of a set height. Is there any way around this issue? I'm probably doing this the wrong way, so let me know if there's a better approach. Any help would be appreciated. Here is my CSS: div#Content { bottom: 0; left: 240px; overflow: auto; position: absolute; right: 0; top: 10px; } - Jonathan Carter __ 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] Need help figuring out how to implement a page layout
On 12/7/05, Mike Soultanian [EMAIL PROTECTED] wrote: Here's what I'd like: Left nav column to be a fixed width, calendar column to be fixed, calendar details (right-most column) liquid. Also, just so you know, the rest of the site pages have a fixed nav with fluid content). My problem is I don't know how to implement this. I've been researching and found the following: 1. I found this simple 2-column layout page: http://realworldstyle.com/2col.html It doesn't use any hacks and seems to work in many browsers. For the calendar page, I was thinking of nesting another 2-column layout within the content side which would give me fixed-fixed-liquid columns. Not a bad idea, usually done that way. 2. Our campus web developers came up with a layout method where they float every column to the left like so: http://www.csulb.edu/divisions/dt/ They didn't come up with that, though I'm sure they are smart guys. Floats is the de-facto way to create columns with CSS. Is there any reason I can't just set fixed widths on the columns that I want fixed and then set percentages on the columns I want fluid? It seems like it could work, but it just seems to easy... Better: Make column 1 and 2 fixed, and column 3 width:auto, so it fills the rest of the available space. Or, float column 1 and 2 left, and make column 3 have a margin-left of the combined width of 1 and 2. That should give the exact behavior you want. Try something out, give us a url and we can help you from there. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.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] Hiding rules from FF1.07 on a Mac
Julian, On 8 Dec 2005, at 10:30 pm, Julian Voelcker wrote: Hi Philippe, Have you checked if your problem also happen on Fx 1.07 Win ? Not yet. The system isn't for general release for a few months, when it will be released to a closed user group initially - we have been working on the basis as setting IE6 and FF1.5 as the standard for browsers. Eventually we will look at support for more browsers, but it will always be limited due to the complexity of the interface. I hadn't actually noticed that I only had 1.0.7 on the Mac - only just got it last week (Mac Mini) purely for testing purposes. I would appreciate if you did some quick tests with a Firefox 1.5 Mac, to see if the problem still happens there. You can also use the latest Camino builds (1.0b1), which are identical to Firefox 1.5 as far as the core rendering engine is concerned. http://www.caminobrowser.org/ If the problem still occurs, could you save the offending page as a stand alone thing ? I could then build a simplified test case out of it. Thanks. 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/
Re: [css-d] Why extra space in layout with IE 6 and not others?
Dan Moriarty wrote: I have a layout problem on this page: http://invision-optical.com/collections/ Why is there a bunch of extra space, vertically, between my main product image and the table below, listing product numbers? This is only in IE 6, but not in Safari on Mac, or Firefox on Windows? There¹s an image and then a table starts right after the image. Thanks for any help out there. The relevant CSS here is as follows: #collection_holder{ float:left; width:742px; margin-bottom:10px; padding-bottom:60px; background: url(/images_template/bg_collection.gif); } #collection_sidebar{ float:left; width:150px padding:10px; } #collection_content table{ text-align:center; } #collection_content{ margin-left:160px; background: #fff; text-align:center; color:#000; } #collection_text{ margin-left:160px; padding:10px; } Not sure as I am running 64bit mozilla and it appears fine, but I would like to suggest that you start by validating the code. It currently contains 52 errors. Just above the table in question you have an UL without an opening tag. I would start there. Tango __ 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] Wordpress Themes and CSS Tutorial
Hi All For all those that use Wordpress, this is a tutorial on putting together a WP theme. I know many people might be thinking this is OT but I assure you it is not. This tutorial also includes a look at css and styling techniques. Indeed the opening stance is to empty the original CSS files and start to create a new css file. I do hope this might prove useful to folks who need to learn how to style a WP theme. The tutorial can be found at: http://www.urbangiraffe.com/themes/. Thanks Rich http://www.cregy.co.uk So here's what I want you to do, God helping you: Take your everyday, ordinary life--your sleeping, eating, going-to-work, and walking-around life--and place it before God as an offering. Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Wordpress Themes and CSS Tutorial
This thread seemed like an auspicious cue for an introducion. Hello, I'm Andy Skelton, I help develop WordPress and I just joined the list a few hours ago. I was struggling with a CSS issue in the WP admin screens (IE textarea explosion) and I found the answer in the CSS-D archives. Thanks! See you around, Andy http://andy.wordpress.com | http://skeltoac.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/