Adaping CSS and Javascript from Html Prototype.

I've got from web designers HTML prototype, that I have to implement in ASP.NET web site. Just including the whole HTML with CSS and JS files didn't work well, because the CSS files had global settings, that corrupt existing layout.


So I had to comment and modify CSS selectors to adapt th the site. Not an easy task, because I am not expert in CSS and it took a time to understand quite large set of CSS rules, that the designers used. 

Excellent presentation from Damian Edwards  at RDN about CSS based layout with Visual Studio 2008 came just in time.
The useful lesson: in a class attrubute we can specify more than one space-separated class names
(e.g. cssClass="navigation active" ) and apply separate rules to each of class names.

A few links that helped me:

CSS2 Specification  Selectors

Top 10 custom JavaScript functions of all time

cssQuery()

VS 2008 has a few new Designer windows, that help to work with CSS and JS

Firefox handled CSS differently to IE- I need to use Firebug :: Firefox Add-ons to edit, debug, and monitor CSS, HTML, and JavaScript live  -similar to Internet Explorer Developer Toolbar

posted @ Friday, February 01, 2008 9:33 PM

Print

Comments on this entry:

# re: Adaping CSS and Javascript from Html Prototype.

Left by sezer at 5/2/2008 1:32 AM
Gravatar
CSS "Cascading Style Sheets" Lessons - web design lesson - - Web site : http://css-lessons.ucoz.com/index.html


Your comment:



 (will not be displayed)


 
 
 
Please add 4 and 1 and type the answer here:
 

Live Comment Preview:

 
«August»
SunMonTueWedThuFriSat
272829303112
3456789
10111213141516
17181920212223
24252627282930
31123456