Re: [css-d] Help - image behaviour in Hybrid
On Sat, 19 Jun 2010 16:39:39 +0100, Chris wrote: > In Dreamweaver CS4, hybrid template, is it possible to have your > overall page width at 80% > and have an image in the header that reveals itself as the browser > window expands in width. > > How does DW deal with images that are wider than the container and as > the browser window expands will it reveal more of the image. > > Thanks > > Chris In the right circumstances,overflow: hidden; on the image container will do what you want, how you create those circumstances in DreamWeaver is beyond both me and the focus of this list. A DW forum might provide better information. Duncan __ css-discuss [cs...@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] Help - image behaviour in Hybrid
Hi Duncan, Thanks for the info. Here is a clearer description of what I'm trying to do. I'm wanting a header image to expand it's width as the browser window expands from 800 pixels to 1024 or from a 4 X 3 monitor to a 16 x 9 monitor. So in a smaller browser window, the right side of the image would become cropped, but become visible as the browser window expands. Is there a way of doing this by placing the image in the container background field and using css to achieve this. Also have this work in both EI and Firefox/Safari browsers with out to many hacks. Thanks Chris On 19-Jun-10, at 9:40 AM, Duncan Hill wrote: > On Sat, 19 Jun 2010 16:39:39 +0100, Chris wrote: > >> In Dreamweaver CS4, hybrid template, is it possible to have your >> overall page width at 80% >> and have an image in the header that reveals itself as the browser >> window expands in width. >> >> How does DW deal with images that are wider than the container and as >> the browser window expands will it reveal more of the image. >> >> Thanks >> >> Chris > > In the right circumstances,overflow: hidden; on the image > container will do what you want, > how you create those circumstances in DreamWeaver is beyond both me > and > the focus of this list. A DW forum might provide better information. > > Duncan > __ > css-discuss [cs...@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-discuss [cs...@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] Help - image behaviour in Hybrid
> Here is a clearer description of what I'm trying to do.
> I'm wanting a header image to expand it's width as the browser window
> expands from 800 pixels to 1024 or from a 4 X 3 monitor to a 16 x 9
> monitor.
> So in a smaller browser window, the right side of the image would
> become cropped, but become visible as the browser window expands.
> Is there a way of doing this by placing the image in the container
> background field and using css to achieve this.
>
>
#header {
min-width: 640px;
width:80%;
background: url("path/to/img.png") no-repeat;
}
and having your image 1024px wide. If you leave out no-repeat then
you'll get nasty repeating of the image across the width of the page if
someone has a viewport wider than 1280px.. Using this you shouldn't need
to 'hack' much for IE 6 to behave unless the user's viewport is smaller
than 800px (because ie6 doesn't understand min-width).
Don't know how helpful I'm being :)
Cheers,
Rob
__
css-discuss [cs...@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/
