Trying to create a flexible box with custom corners and borders can have its moments. The newest techniques in transparency, the increasing use of JavaScript and other limitations leaves a funny gloomy box behind.
If you turn off JavaScript, the custom elements will disappear. However if you disable CSS, users will get an un-styled document.

Only a personalized CSS development plan could help me determine the surface color or image of the element’s padding. Internet Explorer 7 has brought a professional view regarding alpha transparency using PNG images. If users constantly use single and large images instead of several smaller ones, they will benefit from HTTP minimization requests sent to the server, splitting images and stability.
Basically if you want to create a box with custom borders, all you need is multiple classes (with the name cbb) in a div element. If you don’t care for the name, just edit the initCB function in the JavaScript file.

So there you have it folks, the standard class you would want to style for browsers with JavaScript turned off, with different dimensions on your custom borders.
Considering day to day modernization, now the CSS auto-clears contained floats, JavaScript allows rewritten object literal notation, scripts can be attached to any element type not just div elements.
If the element the script is attached to has an id attribute, the attribute and its value is moved to the containing div element. There should be no problems floating customized elements. The default CSS provides a fix for Internet Explorer whitespace problems that might occur under several circumstances.

So my dear gentleman, you want an advice?

Feel free to torture your JavaScript & CSS but try to create your own pictures.

Related Articles

• Top 101 Most Downloaded Windows Software: Free Demo Movies and Download Links (0)
• The Instant Conversion Of Web Pages To PDF Files With Any Browser (0)
• Squish Provides Support For Web Applications Running in Firefox 3.0 (1)
• Safari 4 Beta Is Ready For Free Download (1)
• Pixastic Library: Image Processing With JavaScript (0)
• OS FLV – An Open Source Player For Flash Video Files (0)

This entry was posted on Wednesday, June 20th, 2007 at 3:26 am and is filed under Web Developer Blogging Grandeur. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.