Alloyfish Developments - Alloyfish

Alloyfish Editorials

Inside Track Online Strategy Branding Alloyfish Developments

Recent Articles

New Brand for Michael Cover Alloyfish teams up with Strickland Law to provide full branding and trademark services Identifying LSI terms True Cross-Browser Rounded Corners Introducing a new brand; Grow FurtherStudy - An education marketing platform Google update Microsite Forrester expects growth for online retail sales in 2009 Strategic is right

Subscribe;

Alloyfish;

Branding SEO Web-Marketing Website Creation Design Implimentation Programming

Monday 6th July 2009

3:00am

True Cross-Browser Rounded Corners

Achieving cross-browser rounded corners without image manipulation (ie6, ie7, ie8, FF, Safari, Opera, Google Chrome) First, use both a CSS and a Javascript solution. The javascript method will rely on prototype (from http://www.prototypejs.org/ ), and provides support where there is no native browser facility.

Javascript: Note: This can support all browsers, but the results are worse than that obtained via CSS

Download the scriptaculous-js-1.8.2 framework, here http://script.aculo.us/

<script type="text/javascript" src="scriptaculous-js-1.8.2/lib/prototype.js"></script>

<script type="text/javascript" src="scriptaculous-js-1.8.2/src/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="scriptaculous-js-1.8.2/src/corners.js"></script>

Permalink del.icio.us digg this

Tags: css border corners

Pending Message(s)

© Alloyfish.Ltd 2009

Contact