I just took a quick look at your pages.
#1. To remove the space, try putting margin:0; on the SmallTxt class.
#2. I don't know about the effect with drop-shadows, but try setting
text-align: center; in the div.float definition.
#3. I'm not sure I entirely understand this problem. Perhaps you want to
set a height in the div.float definition?
#4. This is not so easy, since you're using float: left. Hopefully
someone else on the list has some suggestions. Perhaps you could replace
the 'float: left' with 'display: inline', though I wasn't able to get
this to work at all.
Bruce Searl wrote:
> to get this:
> http://www.thememagic.com/phototidings/testartscraps/Prod_Detail_float.asp (CSS no
> to look like this:
> http://www.thememagic.com/phototidings/testartscraps/Prod_Detail.asp (tables locked at 5
> 1. How do I get rid of the space under the thumbs so the text is right underneath each
> 2. How can I center each image in each float? They only seem to left align (further and
> more importantly, if I apply a CSS drop shadow or CSS fuzzy drop shadows technique (I've
> tried two versions from ALA articles) to them, then they only left align and what's even
> worse.. they force the caption text to the right as you can see when the page is opened
> wide... I've found no way to fix this at all.
> 3. When it wraps there is no vertical space between what amounts to then "two rows" or
> images and text where should I add margin, to the bottom of the paragraph?
> 4. How can I center all the images within the main container so they all group together in
> the middle instead of left aligning and leaving a large, unsightly. blank space at the far
> right when there is not enough room to show another thumbnail? Or can the container center
> and scale with the page?
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/