Adding a stylesheet to asp net using Visual Studio 2010

Question

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    Like in html  I would have             Home       About       Contact       And then my stylesheet would look like this      ul   list-style-type none  margin 0  padding 0     li   display inline  padding 20px      And the CSS would let it display inline  across the top   But I m not sure where to go here     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

User · Answer

The only thing you have to do is to add in the cshtml file, in the head, the following line:

        @Styles.Render("~/Content/Main.css")

The entire head will look somethink like that:

    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <title>HTML Page</title>
         @Styles.Render("~/Content/main.css")
    </head>

Hope it helps!!

User · Answer

Several things here   First off  you re defining your CSS in 3 places   In line  in the head and externally  I suggest you only choose one  I m going to suggest externally    I suggest you update your code in your ASP form from   lt td style  background-color   A3A3A3  color   FFFFFF  font-family   Arial Black   font-size  large  font-weight  bold            class  style6  gt    to this    lt td  class  style6  gt    And then update your css too   style6               height  79px  background-color   A3A3A3  color   FFFFFF  font-family   Arial Black   font-size  large  font-weight  bold          This removes the inline   Now  to move it from the head of the webForm    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 link rel  Stylesheet  href  css master css  type  text css    gt   lt  head gt   lt body gt   lt form id  form1  runat  server  gt   lt table class  style1  gt       lt tr gt           lt td 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 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    Now  in a new file called master css  in your css folder  add  ul   list-style-type none  margin 0  padding 0     li   display inline  padding 20px     style1       width  100      style2       height  459px     style3       width  100       height  100      style6       height  79px  background-color   A3A3A3  color   FFFFFF  font-family   Arial Black   font-size  large  font-weight  bold     style7       width  345px      height  73px

User · Answer

Add your style here    lt    Master Language  C   AutoEventWireup  true  CodeBehind  Site master cs  Inherits  BSC SiteMaster    gt    lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Strict  EN   http   www w3 org TR xhtml1 DTD xhtml1-strict dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml  xml lang  en  gt   lt head runat  server  gt       lt title gt  lt  title gt       lt link href    Styles Site css  rel  stylesheet  type  text css    gt       lt link href    Styles NewStyle css  rel  stylesheet  type  text css    gt        lt asp ContentPlaceHolder ID  HeadContent  runat  server  gt       lt  asp ContentPlaceHolder gt   lt  head gt    Then in the page    lt asp Table CssClass NewStyleExampleClass runat  server   gt

[asp.net] Adding a stylesheet to asp.net (using Visual Studio 2010)

Examples related to asp.net

Examples related to css

Examples related to inline

Examples related to navigationbar