Olivier Sannier wrote: > Bill Brown wrote: >> Olivier Sannier wrote: >> >>> Hello all, >>> >>> I have looked around for a way to create round boxes using CSS and >>> images but I'm not quite there yet. Looking around on the web, I came >>> across lots of different techniques but I'm quite puzzled as to how to >>> implement it because I have a very particular setup. Basically, I cannot >>> change the HTML that is available for me to work with and it's limited >>> to this : >>> >>> <div class="box"> >>> <div class="box-title"><h1>Title of the box</h1></div> >>> <div class="box-content">Content of the box</div> >>> </div> >>> >> Hi Olivier, >> >> Try this: >> http://www.theholiergrail.com/tests/rctest/index.html >> >> (I've also included the source below.) >> >> Your HTML configuration was a little different than the example on >> 456BereaStreet, so I just wrote it based around your specific code. >> >> I tested it on IE6/WinXP, IE7/WinXP, Safari 3.1.1/WinXP, Opera >> 9.50/WinXP, Firefox 3/WinXP, Firefox 3/Ubuntu 8.04 and Opera >> 9.50/Ubuntu. They all seemed ok. IE6 is showing a weird redraw issue >> occasionally, even with the hasLayout and relative positioning applied, >> but I don't have any real answers (or concerns even really) about that. >> > Thanks for this, it does look very promising indeed. > However, I tried it in my own page and it does not quite work as > expected. I posted the results at this address : > > http://obones.free.fr/cssbox/ > > There must be something I'm not doing right. > Note that, as you surely guessed, the page there is just a static > version of a generated page. I believe it shows a fair set of all the > "boxes" I'll have in the website, and as you seen all they have in > common is what I showed in my previous email. > > Thanks again for your help, it is very much appreciated. > > Regards > Olivier > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > 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/ >
There's a typo in your .box-title CSS: 'float: righ'. It's the background from this element (top right) which isn't showing. -- Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
