Mandarin Logo
MainBlogFAQsBox TipsText TricksColor ChartFree GalleryCSS Opacity
TWO CENTS CURRENT ISSUE 2005 | JUL | AUG | SEP | OCT WEST SACRAMENTO CALIFORNIA
a decorative square

Free Gallery: Spare Squares

Free pictures and images for your Blog or Web page. All Mandarin images and pictures here and in the Gallery can be used without permission. Right-click to copy the images or use the copy-and-paste code to link to an image.

Back to Gallery  

Mozilla and Opera fall apart on border.
The Polariod border code doesn't work because they are getting confused on the solid border (darn, that looked so good in IE).

Can we add a fully opaque border?
Opacity 70 percent
Can we make it look like art?

It is art. Fiddle with it. Replace the images or photographs with your own. Any pictures will work. Each is your own original work of art. Show us your stuff. Especially the mistakes.

Can I put the Polariod Border around it?

Let's try using the Polaroid Border code.

We would usually put the class="polaroid" on the img tag. But we are using background images only. Let's try adding an outer div like this
<div class="polaroid">
and the copy and paste code goes here
</div>

The polaroid border code assumes some width associated with the image. So, we have to explicity tell it the width.
style ="width:350px;"
to the <DIV class="polaroid">

Opacity 70 percent
Coding is an Art



Opacity 70 percent
This is 250 pixels wide



END OF WHERE Mozilla and Opera fall apart on the Polariod border code


Link URL   Last Updated: Friday, May 05, 2006
BACK TO TOP
Recent Updates
MAIN BLOG FAQs CSS:Boxes TRICKS About CSS Style Color Chart GALLERY PureText
Validate HTML Validate Style Sheet Elements of Style Yahoo Buzz Google Zeitgeist Lycos 50 TP TP2 TF Technorati Sitemeter
Mandarin Archives 2005: J F M A M J J A S O N D   2004: J F M A M J J A S O N D   2003: J F M A M J J A S O N D  
Clean PC Banners Free Banners Tag Board Gator ColdFusion Fade Images Refer Grouping Web Help Drop Caps