Victory the winner

CSS form

vijayta — Mon, 28 Jul 2008 06:36:42 +0000

To Get the above result in a form please go thought the following code…

Form Design

Nested DIVs v/s nested TABLEs

vijayta — Mon, 28 Jul 2008 05:51:18 +0000

If we have a bunch of nested DIVs. How is this better than the nested tables they replaced? Now the answer lies in the way the tag was intended to be used. DIVs imply a logical and structural grouping. Even when they are nested they remain structural markup. In our example we grouped images with their captions (first level), and then grouped these image/caption pairs with similar image/caption pairs (second level). These are both examples of structural grouping that is handled much better by the DIV tag.

Whenever, tables imply a relationship between column and/or row headers, and the data in the table cells. When we use them for layout, we lose the structural semantics of a table. And we are back to using HTML for layout. Nesting tables only compounds the problem and as well now a days its not ideal to use table for layout its not good for search engin results too.

Advance CSS

vijayta — Thu, 20 Dec 2007 04:53:02 +0000

creating Navigation with CSS

HTML Code

CSS Code

Features Available in Radian And Goldberg

vijayta — Thu, 20 Dec 2007 04:52:26 +0000

Features	Radiant	Goldberg
UI implementation	Using radius	Using Rails
Content management	HTML + Text + Radius	HTML + Text + FCKeditor
Content visibility management	Status based	User role based
User / Role Management	Basic	Advanced
Navigation	Automatic	Menu Editor
Extensible	Add on (Behavior & Extensions)	Easy integration of rails code
Default templates	None	Bundled
Welcome email	None	Can be configured
Technical knowledge required	Basic to medium	Medium to advanced

Advance CSS

vijayta — Tue, 06 Nov 2007 05:02:51 +0000

Advance CSS Presentation meterial
1. Introduction
2. Box Model
3. The CSS box model is made up of four parts:
4. Box Model Issues
5. Styling List (CSS navigation)
6. CSS button
7. Rounded corner without images
8. Working with divs
9. Float
10. Clear
11. Tableless designs
12. CSS Hacks
13. Some Important hacks
14. !important
15. CSS box model hack
16. @import “non-ie.css” all;
17. Grouping styles
18. Nested Styles
19. Conditional CSS (With Examples)
20. Conditional CSS
21. Validation
22. Overview of XHTML
23. How do I convert to XHTML?”
24. Benefits to XHTML

advance-css.ppt

CSS Presentation

vijayta — Fri, 26 Oct 2007 04:30:45 +0000

Material of CSS Presentaion
1. Introduction of CSS.
2. Use of Style Sheets
3. Example of every type of CSS
4. Consistent Appearance & Ease of Maintenance
1. Increase Accessibility
2. Apply Additional Effects (with examples)
3. Replace Non-standard Tags
4. Reduce Web Page File Size
6. Keep it in mind when using CSS
7. Type of CSS (with Example code)
8. Apply Additional Effects
9. CSS selectors (in details)
10. Browser Support
11. CSS and Accessibility

Basic CSS presentation

Basic CSS Layout

vijayta — Mon, 25 Jun 2007 06:03:29 +0000

The basic Code for starting CSS based Layout

body {
text-align: center;
min-width: 760px;
}
#wrapper {
width: 720px;
margin: 0 auto;
text-align: left;
}

Transparency Effect by CSS

vijayta — Mon, 25 Jun 2007 05:16:08 +0000

Transparency using CSS filter add following code to your class or Id selector

filter:alpha(opacity=50); -moz-opacity:.50;opacity:.50;