Re: [css-d] Simple Floats on Multiple Rows Getting Stuck
On 5/30/2013 3:02 PM, Christopher Akins wrote: I'm almost embarrassed to admit I don't know why this is happening since I've worked with CSS for a number of years now. I don't claim to be a CSS master, though! :-) On this page: www.springfieldmo.gov/logos/ I have several floated li items that look fine until the page is made narrower. Then I want the floats to fall nicely to the next line and slide all the way to the left, but they get stuck and won't slide all the way over to the left until the page is pulled way in to be at it's minimum width. I have a similar structure on a couple other pages, with similar results, and I've never been able to quite figure out what the issue is. I would guess it has something to do with conflicting heights on the elements or something. But I can't just put a clear rule on the floats, cause that would kill the float, right? I basically want something like a clearing element to kick in ONLY when the float needs to fall to the next row. Does that make sense? When I explored the site I found that the floats were getting stuck because the Environmental Services within the paragraph tags contains two BR tags that force the P to be larger than the other tag; even when the images are the same size. When I took out the BR tags it worked a charm. What I do in this circumstance is to drop the P tags and enclose the image and the text in a DIV and float the DIV. bill __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background image of entire ul tag change on hover... not the li tags under it?
Hi everyone, I am trying to solve a css puzzle and thought I'd see if I could find help. I am building a navigation that is composed of three ul elements, each with a background image. I would like for the background image to change when the user hovers over anywhere within the ul element, and for the li elements underneath it to change color when they are hovered over. Please check out the attached images and consider the following html: ulPermanent powder liavailable colors/li lihow to use/li lifaq/li liwhere to buy/li liorder now/li /ul When mouse is all-together away from the ul: http://bigen-usa.com/2013stage_v2/_images/samplenav-a.jpg When mouse is over ul and over lihow to use/li: http://bigen-usa.com/2013stage_v2/_images/samplenav-b.jpg Any ideas on how to make this work? Thanks in advance for any insight! - Matthew __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] limitations to sprites?
If the benefit to using sprites is to whack http request/times, is there a limit to how big the sprites documents are? these are best used for small graphics and not the sites' main images, correct? if used for small icons, etc, perhaps the limit in size is in sheer numbers of little icons and keeping track of them? thanks for any info about this. John __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] limitations to sprites?
Le 5 juin 2013 à 08:22, COM j...@coffeeonmars.com a écrit : If the benefit to using sprites is to whack http request/times, is there a limit to how big the sprites documents are? these are best used for small graphics and not the sites' main images, correct? if used for small icons, etc, perhaps the limit in size is in sheer numbers of little icons and keeping track of them? Sprites should definitively not be used for content images (depending on how big your content images are, thing would balloon in size like there is no tomorrow. And send the browser memory usage through the roof (the browser decompress the images, don't forget…). So yeah, eventually good for small icons and the like, that are used repeatedly all over the site. As for the size, bear in mind the above about browser memory usage, and then your ability to keep track of them. All depends on your target audience, targeted devices, etc. (I've in front of me a sprite for Jquery UI. It is a grid of 16 by 16 monochrome images, ~5kb png. That whole Jquery UI css is a seriously bloated mess. Been busy rewriting it for my needs). Philippe -- Philippe Wittenbergh http://l-c-n.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/