Mobile Friendly Website


Doing it with style

Snazzy borders COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Khang Toh, as I said in my previous reply try:
.xboxcontent ul {margin-bottom: 0; margin-top:0; }
(14.10.2006, 20:11)

hi stu
i am trying to use this method
but for sometimes the snazzy box appears broken
i.e the border doesnot appear contineous and smooth
why do you think this happens
(20.10.2006, 10:05)

Hello Stu,

First of all, congrats! You are a very talented person with an awesome site! :)

I'd like to know if I can have two (or more) snazzy boxes on my site, with different background color (for each one).

I have tried to create a css clone of the original xsnazzy.css by changing its name, colors and all other attributes referring to xsnazzy.css, but all the snazzy boxes in my site keep "listening" to the original xsnazzy.css.

What am I doing wrong? Thanks for any help you can provide.

Keep up the good work! :)
(22.10.2006, 21:37)

It's me, Chris again. When I was writing about "snazzy boxes" above, I was referring to the "Snazzy Borders"-just to avoid any misunderstanding. Thanks.
(22.10.2006, 21:44)

Chris, there are two examples of how to have more than one snazzy box on the same page and
(22.10.2006, 22:19)

Stu - Great site and great solution for rounded corners!

I'm trying to put a small image inside of a snazzy borders box containing text. I've made the background of the box change colors with the :hover tag, and everything looks great. The whole box is set up to be a link so that you can click anywhere in the box.

The strange thing is, in Firefox this works without a problem, but in IE it only works if you click in the box or on text in the box. Clicking on the image enclosed in the box does nothing.

Any ideas on why this would happen?
(13.11.2006, 04:02)

I'm trying to use the .inset from krazy korners for boxes on my page layout. Anyone tried nesting one curved box inside another? It hasn't worked for me yet. I'll keep trying but if anyone has this working let me know please
(10.01.2007, 03:02)

Hi Stu, great piece of code.
I have put it onto my site but have one small problem that i can't see answered elsewhere.

Is it possible to have the div auto size depending on the content. At the moment it stretches the whole width of the div (content div) that it is in.

|content is here |
|content |
|more content is here |

instead of:

|content is here |
|content |
|more content is here |

(dotted lines being borders)

hope that makes sense. Would prefere it to auto size ratherthan specify size as i want to have multiple sized boxes. But, a bit stuck atm
(07.05.2007, 23:18)

comment system remvoed extra spaces the | shoudl all line up at very end to create a box
(07.05.2007, 23:19)

Hmm it seems it auto sizes to the div in which it is in. So i just put a fixed width div around it and it is sorted :)
(08.05.2007, 10:04)

10 of 76 comments (part 2). [ « ] [ » ] [ * ]


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page