----- Original Message ----- From: "Mandy" <[EMAIL PROTECTED]>
Subject: [css-d] text not wrap around images > Hi, > I wonder if anyone could help me please. On the page > http://www.ageconcerngillingham.org.uk/ageconcare.html, I have two > images "hairdryer" and "cutefoot". I do not want the text to wrap around > them but stay on the right hand side of them. I thought I had to put > "clear:left" somewhere?? but I'm not sure where. I've tried to look it > up but couldn't quite understand what I had to do. The css is at > http://www.ageconcerngillingham.org.uk/ageconstyle.css. Thank you so > much for helping. > > Mandy > 04/23/2007 Mandy: Looks nice do far. In FF2/WinXP and O9.20/WinXP text does as you say. In IE7/WinXP, the site is broken, the right col drops below the center col. Probably something to do with their widths, including borders. You probably need to have the total % widths add up to 98% or so. Regarding the text wrap, if I reduce the font size, the text stays where you want it. I think to avoid doing the text wrap, you're going to have to do some creative floating. Dan Cedarholm, in Chapter 4 of Bulletproof Web Design, deals with a case very similar to yours (The book was a very worthwhile read for me, at least. Highly recommended.) Each title, image, and descriptive text is set up as part of a definition list, <div> <dl> <dt>title</dt> <dd>image</dd> <dd>text</dd> </dl> with more dl's as needed... </div> In the CSS, he fixes the IE/Win double margin bug; fixes the IE/Mac width bug; floats the <div> and <dl> as well as the <dt> and <dd> elements, in order to use Eric Meyer's techinique of Setting a Float to Fix a Float; etc. Let us know what you come up with. Cheers, Peter www.fatpawdesign.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
