NiftyCube - Cornered Boxes 1

[scaifea]

Anyone any idea why NC is determined to add an additional column into this page ... any suggestions welcome.

ps. For those of you horrified by poor markup - do not checkout the source ;-)

http://blackwhite.uk.com/index2.html

 

[feherke]

Hi

Who is NC ?

Feherke.

http://rootshell.be/~feherke/

 

[scaifea]

NC = Nifty Corners a Javascipt/CSS based process to draw rounded corner boxes without the use of images.

 

[monksnake]

I don't even know what you are referring to when you say "an extra column".

What specifically are you referring to?


<.

 

[feherke]

Hi

Lol. I thought it is a generator/composer/content manager.

And with which browser do you experience the problem ?

Feherke.

http://rootshell.be/~feherke/

 

[scaifea]

If you look to the right of the Green "KEEPING" box - there is a colum with the text that starts "If you need ..." - I want this text to appear below all of the boxes!

I get this problem with IE6 and FF.

eBay and Internet Marketing Whizz!

http://www.squidoo.com/fee-internet-marketing-stuff

 

[feherke]

Hi

That is because

ul#split li{[red]float:left;[/red]width:150px;margin:0 10px 10px 0}

Try to add this let say after line 78 :

ul#split {clear:left}

Feherke.

http://rootshell.be/~feherke/

 

[feherke]

Hi

Hmm... It does not work as I expected.

A quick & dirty solution is to add an empty [tt]p[/tt] with that style after the [tt]ul#split[/tt] :

<p style="clear:left"></p>

Feherke.

http://rootshell.be/~feherke/

 

[scaifea]

Brilliant feherke thanks
Works like a dream

eBay and Internet Marketing Whizz!

http://www.squidoo.com/free-internet-marketing-stuff

 

[Foamcow]

Instead of a <p> use a <hr> tag as it is still semantically correct. Use CSS to make it invisible.

<hr style="visibility:hidden;clear:left;">

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.