Новичок в ASP.NET. Кинул на форму GridView связал с данными, но стили оформления не отображаются. Все действие разворачивается в ContentPlaceHolder1 Код masterpage: | Код |
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>12312321</title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="header">
<h1><a href="#">GenericBlue</a></h1>
<h2>by Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1" title="">Home</a></li>
<li><a href="#" accesskey="2" title="">About Us</a></li>
<li><a href="#" accesskey="3" title="">Products</a></li>
<li><a href="#" accesskey="4" title="">Services</a></li>
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="tertiaryContent">
<h3>Lorem ipsum dolor</h3>
<div class="xbg"></div>
</div>
<div id="primaryContentContainer">
<div id="primaryContent">
<form id="form1" runat="server">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</form>
<h3>Example Table</h3>
<table>
<tr class="rowH">
<th>Date</th>
<th>Title</th>
<th>Description</th>
</tr>
<tr class="rowA">
<td>December 1, 2006</td>
<td>Sed vestibulum blandit</td>
<td>Vivamus sollicitudin dolor sit amet eros. Vivamus ligula. Sed pretium turpis eu ipsum. Sed rutrum sapien id arcu.</td>
</tr>
<tr class="rowB">
<td>November 28, 2006</td>
<td>Augue non nibh</td>
<td>Nam adipiscing urna ac consequat dignissim massa est sodales sem.</td>
</tr>
<tr class="rowA">
<td>November 23, 2006</td>
<td>Fusce ut diam bibendum</td>
<td>Vestibulum quis urn nulla facilis nam malesuada cursus turpis.</td>
</tr>
<tr class="rowB">
<td>November 21, 2006</td>
<td>Maecenas et ipsum</td>
<td>Vivamus mi lectus gravida scelerisque, ultrices vitae cursus in neque.</td>
</tr>
</table>
</div>
</div>
<div id="secondaryContent">
<h3>Etiam suscipit et</h3>
<div class="xbg"></div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a href="http://www.freecsstemplates.org">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
|
Код страницы с гридом: | Код |
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Prikreplennoe.aspx.cs" Inherits="Default2" %>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<h2>Статистика</h2>
<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" Width="100%" AllowPaging="True">
<HeaderStyle CssClass="RowH" />
<RowStyle CssClass="RowB" />
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>" SelectCommand="select * from Table_1"></asp:SqlDataSource>
</asp:Content>
|
default.css: | Код |
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
/* Basic */
*
{
margin: 0em;
padding: 0em;
}
h1,h2
{
}
body
{
font-family: Arial, sans-serif;
font-size: 10pt;
color: #666;
background-color: #fff;
}
a
{
color: #0077dd;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
/* Outer */
#outer
{
padding: 0em;
margin: 0em;
width: 100%;
}
/* Header */
#header
{
position: relative;
background: #004778 url('images/a5.gif') bottom left repeat-x;
height: 10em;
padding-left: 2em;
}
#header h1
{
position: absolute;
top: 1.8em;
font-size: 2.2em;
letter-spacing: -0.05em;
}
#header h1 a
{
color: #fff;
text-decoration: none;
}
#header h2
{
position: absolute;
font-size: 0.8em;
top: 8em;
color: #E0E8EF;
}
/* Menu */
#menu
{
position: absolute;
top: 5em;
right: 3em;
}
#menu ul
{
list-style: none;
}
#menu li
{
display: inline;
padding-left: 1.1em;
margin-left: 1em;
border-left: dotted 1px #E0E8EF;
}
#menu li.first
{
border: 0em;
margin-left: 0em;
padding-left: 0em;
}
#menu li a
{
color: #fff;
padding: 0.1em;
text-decoration: none;
}
#menu li a:hover
{
text-decoration: underline;
}
/* Content */
#content
{
line-height: 1.5em;
}
#content p
{
margin-bottom: 1.5em;
}
#content h2,h3,h4,h5,h6
{
color: #545454;
margin-bottom: 1em;
border-bottom: dashed 1px #dfdfdf;
padding-bottom: 0.3em;
}
#content h2
{
font-size: 1.5em;
}
#content h3
{
font-size: 1.1em;
}
#content ul
{
margin-bottom: 1.5em;
padding-left: 1em;
list-style: square;
}
#content blockquote
{
margin-bottom: 1.5em;
padding: 0.75em 0.75em 0.75em 1.5em;
border-left: solid 0.75em #005082;
background: #FDFDFD url('images/a7.gif') top left repeat-x;
}
#content blockquote p
{
margin-bottom: 0em;
}
#content table
{
margin-bottom: 1.5em;
border-collapse: collapse;
text-align: left;
}
#content table th
{
font-weight: bold;
padding: 0.5em;
}
#content table td
{
padding: 0.5em;
border-right: solid 1px #fff;
}
#content table tr.rowH
{
color: #fff;
background: #006192 url('images/a8.gif') top left repeat-x;
border-right: solid 1px #fff;
}
#content table tr.rowA
{
background: #F8F8F8 url('images/a6.gif') top left repeat-x;
border-top: solid 1px #fff;
color: inherit;
}
#content table tr.rowB
{
background: #FDFDFD url('images/a7.gif') top left repeat-x;
border-top: solid 1px #fff;
color: inherit;
}
/* Primary Content */
#primaryContentContainer
{
background-color: #fff;
float: right;
margin: 0em -19em 0em -19em;
width: 100%;
}
#primaryContent
{
margin: 1.5em 19em 0em 17.25em;
padding: 1.5em 3em 1.5em 3em;
}
/* Secondary Content */
#secondaryContent
{
position: relative;
float: left;
width: 14em;
padding: 3em 2em 1.5em 2em;
background: #fff url('images/a1.gif') top right repeat-y;
}
#secondaryContent .xbg
{
position: absolute;
right: 0em;
bottom: -64px;
background: #fff url('images/a3.gif') top right no-repeat;
height: 64px;
width: 128px;
}
/* Tertiary Content */
#tertiaryContent
{
position: relative;
float: right;
width: 15em;
padding: 3em 2em 1.5em 2em;
background: #fff url('images/a2.gif') top left repeat-y;
}
#tertiaryContent .xbg
{
position: absolute;
left: 0em;
bottom: -64px;
background: #fff url('images/a4.gif') top left no-repeat;
height: 64px;
width: 128px;
}
/* Footer */
#footer
{
position: relative;
z-index: 1;
border-top: dashed 1px #dfdfdf;
padding: 1em 0em 2em 0em;
margin: 1em 2em 0em 2em;
text-align: center;
}
|
а вот результат в html: | Код |
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>
12312321
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta name="keywords" /><meta name="description" /><link href="default.css" rel="stylesheet" type="text/css" /></head>
<body>
<div id="outer">
<div id="header">
<h1><a href="#">GenericBlue</a></h1>
<h2>by Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1" title="">Home</a></li>
<li><a href="#" accesskey="2" title="">About Us</a></li>
<li><a href="#" accesskey="3" title="">Products</a></li>
<li><a href="#" accesskey="4" title="">Services</a></li>
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="tertiaryContent">
<h3>Lorem ipsum dolor</h3>
<div class="xbg"></div>
</div>
<div id="primaryContentContainer">
<div id="primaryContent">
<form method="post" action="Prikreplennoe.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="kQE+r1gGnD3Php4/0aeiPtsQlYBYMlCn/OwxsqUoyCjWMj/EU8k4/ZA6adWvKIPJBISdP8Ge5tMgwy/SwXFylJPMSTqZ77QwoduCFR8ItqMmldnzh7lJ3XBEfRKSG78nmXpL4Af7azGpROjp1ToSHBsLmQA9wTRNTYRxv4DDsB8wkXF7BVUC0if/Ng7qyfeh04WI/QJUcGgSEthWehqiJnsfX7a6F0SqoQTXxP9GnEoKtPT9A5HSCjq/1G5cIcEHLlLJMqEH7jLZ93GTHdSThArW2Oi/TG5z2iXMaZAYTsUh0ht/2jwEmG6OmigueQ0y012B7Fse78q2yBECOepE9VoQsKQrZCJ28mJOUqqNUfOe00I8fND7EFAlgTUiJMdpQiJQKIwd+Xzqj6XXXbLuJM02+FcjpifDq5gQl0T/iLM1n4d1G/M0Cnh3foDhsqRRg5iLEQCAzTkK97fCc3nls9xMiKpcqQTTJNNoAryIakU3M8ECfuNOjMWeEdhGmgw2S8sQ483DOR397ysTTPmrhVtIgiiHePwa50RQZn1+qJlEnb2UIAlIeOCPlXdKl+oUr1u9lw2W5oPgjvN38sFtN5HZ0c+LEK3hGGudNoFJoqinZbPvnngfHjmxAdM8TdAp6SqI+Ao2Z3NBjiXavdAml1Ym0B/xliVfLSDMYR6fOoXDqwuXCRgNpI6o79vsTuihn66Rf7KwoZQpg3bvfO3OPIonZaEP54wCzzqGTg5zrCoNkIrhsE0TRv2BwoA9KbfkO/HlAbkLOUfy4rgdsNEy7AB1avwGKVk8JQilgnapJ1S8M92/dSzWeAeoTdiRrCJN2Xiq0jF7o1qSaLDuSJfCR9/9o8KMn6gQuXcm7I+eCKfVtoZDAY+UOnHlrYr44rm4Oj7fvL2AQC3hCCjTwjMsWtlM0pvio6PpLooyIlaUA8lFb8txU6WADWVzilDPxYU9BLMS8WJCZvR4/jkpoi9iDLgbk+iA/IXHDnunLe0ZrlJpb4JeWRoJyNvoA2ufPhExdocV+6tOLERUZa+k1wp5xpMpqywKNy2em4Od6rKdUeMnma2av48lAxp6aAwUyWqN+fyWm6Ps2wc7BDpga6WrQkPLMyckSy9pmsJ16EFjV01UUwoq5m5WfoiaY/NlTCUW0AQ+yTykNoh5A4K6ZQy9lwT9Gk+7Sh8cJ1CMzzKr3Rs38eJSnzlq7GLyIN5bDdqJtfD2CKXGHKypnStYVMIkJTJDrkTHATor1y4ASXPpLU/PLX2d/0TIcSDHRSodIGWV" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="+RyUPX0zLVN/U1F7OJMHXz0O3kZN0jVJfNZmTSYg0O/ZHE4gmgCWZ9gMBtT+QY0+miY+CTrTfaWX7stsBgswmOk/dNDq1O0BFvIG0JH8OSRNkyxQgbqmawZosp8p1haC+VD3tL1Sy/r8eKdewt/mGU/eVNEVRkoxeyhkVoLAaSoHdiuHyFoh8iEt7OjyzsZq" />
</div>
<h2>Статистика</h2>
<div>
<table cellspacing="0" rules="all" border="1" id="ContentPlaceHolder1_GridView1" style="width:100%;border-collapse:collapse;">
<tr class="RowH">
<th scope="col">x</th><th scope="col">y</th>
</tr><tr class="RowB">
<td>the It process # they additional of thin col</td><td>180</td>
</tr><tr class="RowB">
<td>mass planetesimals collapse surrounded are their</td><td>142</td>
</tr><tr class="RowB">
<td>certainty forms mass larger</td><td>90</td>
</tr><tr class="RowB">
<td>to of rotating</td><td>159</td>
</tr><tr class="RowB">
<td>formed are are increasing</td><td>3</td>
</tr><tr class="RowB">
<td>moon, increasing greatly ever the gravitational</td><td>31</td>
</tr><tr class="RowB">
<td>accelerate with concentrations gas</td><td>189</td>
</tr><tr class="RowB">
<td>during dust concentrations reaches increasing di</td><td>38</td>
</tr><tr class="RowB">
<td>Earth's of is nebula accretion</td><td>64</td>
</tr><tr class="RowB">
<td>the accretion dust. at is greatly mass</td><td>158</td>
</tr><tr>
<td colspan="2"><table>
<tr>
<td><span>1</span></td><td><a href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GridView1','Page$2')">2</a></td><td><a href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GridView1','Page$3')">3</a></td><td><a href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GridView1','Page$4')">4</a></td><td><a href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GridView1','Page$5')">5</a></td>
</tr>
</table></td>
</tr>
</table>
</div>
</form>
<h3>Example Table</h3>
<table>
<tr class="rowH">
<th>Date</th>
<th>Title</th>
<th>Description</th>
</tr>
<tr class="rowA">
<td>December 1, 2006</td>
<td>Sed vestibulum blandit</td>
<td>Vivamus sollicitudin dolor sit amet eros. Vivamus ligula. Sed pretium turpis eu ipsum. Sed rutrum sapien id arcu.</td>
</tr>
<tr class="rowB">
<td>November 28, 2006</td>
<td>Augue non nibh</td>
<td>Nam adipiscing urna ac consequat dignissim massa est sodales sem.</td>
</tr>
<tr class="rowA">
<td>November 23, 2006</td>
<td>Fusce ut diam bibendum</td>
<td>Vestibulum quis urn nulla facilis nam malesuada cursus turpis.</td>
</tr>
<tr class="rowB">
<td>November 21, 2006</td>
<td>Maecenas et ipsum</td>
<td>Vivamus mi lectus gravida scelerisque, ultrices vitae cursus in neque.</td>
</tr>
</table>
</div>
</div>
<div id="secondaryContent">
<h3>Etiam suscipit et</h3>
<div class="xbg"></div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a href="http://www.freecsstemplates.org">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
|
В итоге стили не отображены. Пните в нужную сторону плиз. |
ите применить ситль css к GridView 
Загрузка ...
