[css-d] Text wraps to left of right floated img, but not for right floated div
I've been building a bit of JS image switching, and now I'm trying to style it. You can see it at http://holidaymullandiona.com. The stationary image of the eagle in the centre column is floated right, and the text to its left wraps as required. The animated images are inside a div, which is also right floated, but for some reason I've not hit on yet, the text doesn't wrap, but runs on under the images. The individual images of the animation are (of course) absolutely placed within their div, but I don't think that should make any difference. Can anyone point me in the right direction, please ? Regards, Tim Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 __ 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] Text wraps to left of right floated img, but not for right floated div
Hi Tim, You have width on #imgDiv set to 'auto'. Every element within #imgDiv is absolutely positioned which effectively removes them from #imgDiv, making its width 0. If you set it to the width of your images (250px) it will resolve. Chris Chris Rockwell On Thu, May 29, 2014 at 12:54 PM, Tim Dawson t...@ramasaig.com wrote: I've been building a bit of JS image switching, and now I'm trying to style it. You can see it at http://holidaymullandiona.com. The stationary image of the eagle in the centre column is floated right, and the text to its left wraps as required. The animated images are inside a div, which is also right floated, but for some reason I've not hit on yet, the text doesn't wrap, but runs on under the images. The individual images of the animation are (of course) absolutely placed within their div, but I don't think that should make any difference. Can anyone point me in the right direction, please ? Regards, Tim Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 __ 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-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] Text wraps to left of right floated img, but not for right floated div
Hello Chris, Thanks for that. It works, as you knew it would. One can't see the wood for the trees sometimes ! Tim On 29/05/2014 18:18, Chris Rockwell wrote: Hi Tim, You have width on #imgDiv set to 'auto'. Every element within #imgDiv is absolutely positioned which effectively removes them from #imgDiv, making its width 0. If you set it to the width of your images (250px) it will resolve. Chris Chris Rockwell On Thu, May 29, 2014 at 12:54 PM, Tim Dawson t...@ramasaig.com mailto:t...@ramasaig.com wrote: I've been building a bit of JS image switching, and now I'm trying to style it. You can see it at http://holidaymullandiona.com. The stationary image of the eagle in the centre column is floated right, and the text to its left wraps as required. The animated images are inside a div, which is also right floated, but for some reason I've not hit on yet, the text doesn't wrap, but runs on under the images. The individual images of the animation are (of course) absolutely placed within their div, but I don't think that should make any difference. Can anyone point me in the right direction, please ? Regards, Tim Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 __ css-discuss [css-d@lists.css-discuss.org mailto:css-d@lists.css-discuss.org] http://www.css-discuss.org/__mailman/listinfo/css-d http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.__com/ http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/__policies.html http://css-discuss.org/policies.html Supported by evolt.org http://evolt.org -- http://www.evolt.org/help___support_evolt/ http://www.evolt.org/help_support_evolt/ -- Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 __ 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/