[css-d] Site Check - Guardian search

2005-08-18 Thread Philip Wills
Hi all, I work for Guardian Unlimited (http://www.guardian.co.uk) and we're currently conducting a public beta for our new search engine at http://browse.guardian.co.uk/search. It's the first time we've really made a big stab at a reasonably semantic css-based layout, as opposed the nightmare of

Re: [css-d] Floats on Top of Absolutes and Horizontal Nav Woes

2005-07-12 Thread Philip Wills
Can't explain the exact behaviour, but using the align property of images makes browsers do some special float type behaviour, see http://www.w3.org/TR/html401/present/graphics.html#h-15.1.3 and generally causes problems in combination with non-trivial css in my experience. It's presentational

Re: [css-d] stop text from wrapping around a floated image?

2005-06-29 Thread Philip Wills
On 6/28/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Isnt that what a clear is for? Correct me if Im wrong. Clearing ensures a subsequent element appears below a floated element. There's no equivalent horizontally orientated clearing, however margins allow us to mimic this behaviour easily as

Re: [css-d] stop text from wrapping around a floated image?

2005-06-28 Thread Philip Wills
Is there any way to stop text from wrapping ar4ound a floated image? In my example, I have a list with images and text in, and the images are floated to the left. This then means that the text, if it is long enough, wraps around the underneath of the image. I am wondering if there is any

Re: [css-d] Floated blocks inside list items

2005-06-23 Thread Philip Wills
Hi Mike, The following appears to work at least for the small test case: li {clear: both; border: 1px solid white;} .question { margin-right: 200px; } .button { width: 15%; float:right; } ol li div class=buttoninput type=button value=Answer //div div class=questionQuestion text/div /li

Re: [css-d] Problem with links as block-level elements

2005-06-17 Thread Philip Wills
Hi Tony, the only way I know to do that is to nest divs and float:right hence: div id=1 div id=2 a href=foo.htmlfoo/a a href=fooyootoo.htmlfooyootoo/a!--this is floated right-- /div a href=fooyoothree.htmlfooyoothree/a!--this is floated right-- /div If