I have 2 sliced images that I want to use in my page. The site has been designed with fluid grids CS6. As soon as the page is made smaller 1 of the images shrinks while the other remains the same size. Is there any way to make this work or is it just not possible using fluid grids?
Is there a reason you are slicing the image to begin with if you don't want them to shift/resize individually?
There is definitely a way to do what you want, but it would be much easier to give you an answer if we could see your page. Could you post a link to what you have?
Its just the way I want to design the page: http://www.lavishvegas.com/las_vegas_barsx.html I tried slicing it both ways (horizontal and vertical).
I would have thought that there would be some way to have them both shrink at the same time? The example I have up is a vertical slice and just falls apart. the horizontal slice works better but the top skinks and bottom stays the same.
There's nothing on this page.
If you want images to rescale to device width, the parent container must be fluid (% width).
The images need a CSS max-width of 100%. DW does this for you when you create a Fluid Grid layout.
Also, the native image must be inserted into the HTML foreground with no stated height or width attributes. If you set the height/width, it won't rescale to viewport width.
Thank you very much for the info. I took the page down for a moment but its back up again.
I must have been doing something wrong for quite a while but cant figure what?
I think I have done everything you said but i must have missed something. Any chance you could take a look? http://www.lavishvegas.com/las_vegas_barsx.html
This will never work right in fluid grids. Decide which is more important to you -- your design concept or having a responsive layout. Unfortunately, responsive web design requires making compromises that some designers are not willing to do. It's definitely not for everyone.
If you insert a single image (no slices), it will work. See example.
Although adding content precisely where you want it is probably not going to be workable as you have it, because as the LayoutDiv resizes so does the image.