http://nimad.wordpress.com/2007/10/02/10-rules-for-effective-use-of-css-in-aspnet/
| ASP.NET Control | HTML Element |
| Label | span |
| TextBox | input type=”text” |
| TextBox TextMode=”MultiLine” | textarea |
| TextBox TextMode=”Password” | input type=”password” |
| Button | input type=”submit” |
| LinkButton | a href=”javascript:__doPostBack(‘LinkButton1′,”)” |
| ImageButton | input type=”image” |
| HyperLink | a |
| DropDownList | select |
| ListBox | select size=”4″ gives you 4 rows |
| ListItem | option |
| CheckBox | input type=”checkbox” |
| RadioButton | input type=”radio” followed by a label for the text |
| RadioButtonList | table with a tr with one td for each radio button. Inside each td there is a input type=”radio” and a label |
| Image | img |
| ImageMap | img and a map tag holding one or more of the following 3: |
| CircleHotSpot | area shape=”circle” |
| PolygonHotSpot | area shape=”poly” |
| RectangleHotSpot | area shape=”rect” |
| Table | table |
| TableHeaderRow | tr |
| TableRow | tr |
| TableFooterRow | tr |
| TableHeaderCell | th |
| TableCell | td |
| BulletedList | ul with each list item: |
| ListItem | li |
| HiddenField | input type=”hidden” |
| Literal | Literal is not translated to any html element. The dynamic content returned by the methodname method is directly displayed. |
| Calendar | a rather sophisticated table |
| AdRotator | a |
| FileUpload | input type=”file” |
| Wizard | a rather sophisticated table. You can Convert the Wizard Control and related controls such as the CreatUserWizard control into templates, and then modify the html, remove the tables, and replace them with divs to make them CSS friendly. Even after all this, the wizard navigation buttons will still be unreachable via CSS. Therefore, I hand code these functionalities instead of relying on the Wizard for full control. |
| Xml | <?xml version=”1.0″ encoding=”utf-8″?> |
| MultiView | MultiView and all the Views inside of it are not translated to any html element. Thier content is directly displayed. |
| Panel | div |
| PlaceHolder | Placeholder is not translated to any html element. The controls added to it by the PlaceHolder1.Controls.Add() methodare directly displayed. |
| Substitution | Substitution is not translated to any html element. The dynamic content returned by the methodname method is directly displayed. |
| Localize | Localize is not translated to any html element. It’s content is directly displayed. |
| Validation controls | span |
Advertisements
