Asp.net in Css div rolling, as well as the use of ....

Posted by john
7/17/2007
Related Tags:
CSS DIV  div css  div css Guide  div css layout  div class  div location  div borders  div position  div positioning  div height  div align  div layer  not-for-div trip div span  div background  div layout  div rolling  div select  div effects  div around div width  div ul  div flash  div nbsp  div manuals  div usage  div site  div parameters  div interface  div nested  div top  div width  div border  div style  div onmouseover  div visibility  the body div  div skills  div framework  div css tutorial  css rolling  css map download div 

  -- When a high degree of control beyond the scope automatically appear from top to bottom, rolling around pulling of the 

  <DIV Style="OVERFLOW: auto; WIDTH: 600px; HEIGHT: 104px" align="left"> 
<table>
  Controls 
  </ Table> 
  </ DIV> 


  -- Run this program, and rolling of the roller can visit to the location of the line 
  <div Id="divsrl" style="OVERFLOW:scroll;WIDTH:100px;HEIGHT:200px" onScroll="doSrl()"> 
  Dsad 
  <p> Asd </ p> 
<p>
  Asd </ p> 
  <p> A </ p> 
  <p> Sdas </ p> 
  <p> Da </ p> 
  <p> Sd </ p> 
  <p> 4ert4 </ p> 
  <p> Ertry </ p> 
  <p> Fghgjg </ p> 
<p>
  </ P> 
  </ Div> 

  <input Id="srlH"> 
<script>
  Function doSrl () ( 
  SrlH.value = divsrl.scrollTop; 

  ) 

  </ Script> 


  ---------- Asp. Net realized how dynamic add css style ----- 
  I want to be a web site that allows customers to choose the mode of function, and done a few different css style, I realize how dynamic in the 
  <link> Inside and css different address? 
  Jijiji 

==============>>
  It can be: 
  Dim CssPath as string 
  Csspath = "<link rel=""stylesheet"" href=""{CssFile}"" type=""text/css"">" 
  Replace (csspath, "CssFile ()", "document here filling Css path") 
  Response.write (csspath) 

  As long as the user choose a different style of the time to Css on the path to change it. 


  --- Css quoted in the ASP.net if xxx.css 
  . TextBox-Line 
  ( 
  FONT-SIZE: 10pt; 

  BORDER-RIGHT: black 0px solid; 
  BORDER-TOP: black 0px solid; 
  BORDER-LEFT: black 0px solid; 
  COLOR: DimGray; 
  BORDER-BOTTOM: Silver 1px solid; 
  BACKGROUND-COLOR: White; 
  ) 

  . TextBox-Box 
  ( 
  FONT-SIZE: 10pt; 
  BORDER-RIGHT: Silver 1px solid; 
  BORDER-TOP: Silver 1px solid; 
  BORDER-LEFT: Silver 1px solid; 
  COLOR: DimGray; 
  BORDER-BOTTOM: Silver 1px solid; 
  BACKGROUND-COLOR: White; 
  Height: 23; 
  ) 

  . Button 
  ( 
  Cursor: hand; 
  / * Font-weight: bold; * / 
  / * Filter: progid: DXImageTransform.Microsoft.Gradient (GradientType = 0, StartColorStr = '# 89A3D4' EndColorStr = '# C3CFE5FF'); * / 
  Filter: progid: DXImageTransform.Microsoft.Gradient (GradientType = 0, StartColorStr = Gainsboro, EndColorStr = White) 
  Font-size: 10pt; 
  Color: DimGray; 
  Border-bottom: DarkGray 1pt solid; 
  BORDER-RIGHT: DarkGray 1pt solid; 
  BORDER-TOP: DarkGray 1pt solid; 
  BORDER-LEFT: DarkGray 1pt solid; 
  / * 
  Padding-top: 2px; 
  Padding-left: 10px; 
  Padding-right: 10px; 
  Border: 1px groove # 003896 * / 
  Padding-top: 1px; 
  Padding-left: 1px; 
  Padding-right: 1px; 
  / * Border: 1pt groove Gainsboro; * / 
  ) 

  / * Data Grid Styles * / 
  . DataGrid 
  ( 
  ) 

  . DataGridPagerStyle 
  ( 
  Vertical-align: bottom; 
  Horizontal-align: right; 
  Height: 100%; 
  Background-color: # F1EFE7; 
  ) 

  . DataGridItemStyle,. DataGridHeaderStyle,. DataGridAlternatingItemStyle,. DataGridSelectedItemStyle,. DataGridEditItemStyle 
  ( 
  Cursor: hand; 
  Font-size: 10pt; 
  Color: DimGray; 
  Vertical-align: middle; 
  Horizontal-align: left; 

  ) 

  . DataGridItemStyle 
  ( 
  Background-color: # F5F5F5; 
  Height: 20; 
  ) 
  . DataGridAlternatingItemStyle 
  ( 
  Background-color: # E5E5E5; 
  ) 
  . DataGridSelectedItemStyle 
  ( 
  Color: White; 
  Background-color: # 808080; 
  ) 
  . DataGridEditItemStyle 
  ( 
  Background-color: # F9F9F5; 
  ) 
  . DataGridHeaderStyle 
  ( 
  Font-weight: bold; 
  Background-color: Silver; 
  Horizontal-align: center; 
  Color: White; 
  Height: 20; 
  ) 
  . DataGridWrapperPanel 
  ( 
  Border: inset 1px # 808080; 
  ) 

  Xxxx.css definition will be good, and quoted in the webpage ... 
  Such as: 
<HEAD>
  <title> WebForm9 </ title> 
  <meta Content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"> 
  <meta Content="Visual Basic .NET 7.1" name="CODE_LANGUAGE"> 
  <meta Content="JavaScript" name="vs_defaultClientScript"> 
  <meta Content=" http://schemas.microsoft.com/intellisense/ie5 "name="vs_targetSchema"> 
  <LINK Href="Styles/LiveStyles.css" _fcksavedurl=""Styles/LiveStyles.css"" type="text/css" rel="stylesheet"> 
  </ HEAD> 


  Then, on this page in the use of control in the designated Cssname use css name on it. 

  If textbox control of the use of style sheets to the Textbox-line 
  Well, call textbox when the cssname textbox will be filled into textbox on-line trip, and then the textbox on the use of the new style. 




Related articles:

Effects: Home production of mobile text of several techniques
  Basic syntax:    Please procedures for the replacement of their own <> <>    <marquee> Need mobile text </ marquee> <direction=#>    1. Direction # = left, right    Example: <marquee direction = left> right to lef...
On page designer color: color Classification (red)
  Although not conducted any precise statistics, but the use of red-based color site relatively small, because many people do not dare to large-scale use of bright red.    Red in the Web page for the majority of cases are outstanding colors, because of the distinctive red easily att...
Flash Video Tutorial: Taiweijue
  Click here to watch full-screen tutorial  <embed src=http://webjx.com/sucai/flashshipin/6_5.swf pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=560 height=413>...
XHTML objectives, rules and other details.
  Two purposes:    1, pages will be the content and form of a clear separation    2, the contents pages closer to XML    Why should we achieve these two aims, many places stresses, however, say two simple here    1, should be layered with why ASP.NET...
Application forms DreamWeaver frame of the production of thread
  Drawings:    Thin frame is positioning web content distinguish a common method with the use of a specific picture, often to achieve good results, then how to make thin frame?    As we all know, the so-called thin frame, is a general appearance of a simple list to a grid...