On 5/4/06, Mark Fellowes <[EMAIL PROTECTED]> wrote: > I think this is probably obvious to me but at the certainty of sounding > stupid I'll ask. > I am working on a liquid / fluid layout, 3 columns using floats. If it's > relevant this is the rough layout: http://pamshop.com/Template1/exp10.html > > I'm considering using a one image rollover navigation thing. Haven't done it > yet but essentially there will be a graphic image as a background. Since the > divs are all in percentages, is there anyway I could get that graphic to not > break on either a smaller or larger monitor resolution ?
So what you are saying is that the links will have images, but you will do them as backgrounds? If they are without text, it's going to be hard to make them look good. Centering is one option, but I might have a couple better ideas: 1. Text links with non-repeated background images, like here: http://christianmontoya.com With text on one side and graphics on the other, they can separate but still be balanced. 2. Inline image links. You can use this technique for the rollovers: http://www.christianmontoya.com/2006/02/01/pure-css-image-rollover/ or look in the comments for a possibly better technique: http://www.thevisualprocess.com/dev/rollover or you could just use Javascript rollovers... unobtrusively, please. This way you can make the images 100% of the container width, so they'll scale with the column; this has problems of its own, since the images probably won't look too good. It depends on the images used. Some images scale better than others. Hope it helps. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
