title: Adding a stylesheet to asp.net (using Visual Studio 2010)
body: <p>I am trying to add a stylesheet to a master page in an asp.net web form. Basically trying to create an inline nav menu for the top of the page. I'm having issues with it. I've created the stylesheet (the same way I would create if this were an html site) and I've put it in the directory you see below. I don't see how the code below shows any relation to the stylesheet though. </p>
  
  <p>Like in html, I would have 
      <ul>
        <li>Home</li>
        <li>About</li>
        <li>Contact</li>
      </ul></p>
  
  <p>And then my stylesheet would look like this... </p>
  
  <pre><code>ul {
  list-style-type:none;
  margin:0;
  padding:0;
  }
  
  li {
  display:inline;
  padding:20px;
  }
  </code></pre>
  
  <p>And the CSS would let it display inline (across the top). But I'm not sure where to go here. </p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %&gt;
  
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
  &lt;title&gt;AR Toolbox&lt;/title&gt;
  &lt;asp:ContentPlaceHolder id="Stylesheets" runat="server"&gt;
      &lt;link rel="Stylesheet" href="/css/master.css" type="text/css" /&gt;
  &lt;/asp:ContentPlaceHolder&gt;
  &lt;style type="text/css"&gt;
      .style1
      {
          width: 100%;
      }
      .style2
      {
          height: 459px;
      }
      .style3
      {
          width: 100%;
          height: 100%;
      }
      .style6
      {
          height: 79px;
      }
      .style7
      {
          width: 345px;
          height: 73px;
      }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form id="form1" runat="server"&gt;
  &lt;table class="style1"&gt;
      &lt;tr&gt;
          &lt;td style="background-color: #A3A3A3; color: #FFFFFF; font-family: 'Arial Black'; font-size: large; font-weight: bold;" 
              class="style6"&gt;
              &lt;asp:Menu ID="Menu1" runat="server"&gt;
                  &lt;Items&gt;
                      &lt;asp:MenuItem Text="Home" Value="Home"&gt;&lt;/asp:MenuItem&gt;
                      &lt;asp:MenuItem Text="About" Value="About"&gt;&lt;/asp:MenuItem&gt;
                      &lt;asp:MenuItem Text="Compliance" Value="Compliance"&gt;
                          &lt;asp:MenuItem Text="Item 1" Value="Item 1"&gt;&lt;/asp:MenuItem&gt;
                          &lt;asp:MenuItem Text="Item 2" Value="Item 2"&gt;&lt;/asp:MenuItem&gt;
                      &lt;/asp:MenuItem&gt;
                      &lt;asp:MenuItem Text="Tools" Value="Tools"&gt;&lt;/asp:MenuItem&gt;
                      &lt;asp:MenuItem Text="Contact" Value="Contact"&gt;&lt;/asp:MenuItem&gt;
                  &lt;/Items&gt;
              &lt;/asp:Menu&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="background-color: #A3A3A3; color: #FFFFFF; font-family: 'Arial Black'; font-size: large; font-weight: bold;" 
              class="style6"&gt;
              &lt;img alt="South University'" class="style7" 
                  src="file:///C:/Users/jnewnam/Documents/Visual%20Studio%202010/WebSites/WebSite1/img/suo_n_seal_hor_pantone.png" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="style2"&gt;
              &lt;table class="style3"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="color: #FFFFFF; background-color: #A3A3A3"&gt;
              This is the footer.&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>