inline css mvc issue

Question

I am trying to put inline css into an mvc page which inherits from a master page. I want to do this because this css is page specific and I feel it shouldn't go into a site wide file. What is the best way of doing this. My failed attempt is below. Nothing on the site will recognize testTwo styling. Thank you

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
        .test
        {
        }
        .testTwo *
        {
            float: left;
            padding: 5px;
            border: 2px solid gray;
            margin: 3px;
        }
    </style>
</asp:Content>

hunter · Accepted Answer · 2011-01-05 17:10:28Z

2

missing the opening <style> tag? bad copy-paste, not the issue

Where is this ContentPlaceHolder at in your MasterPage?

Often times the TitleContent ContentPlaceHolder is inside the <head> tag within the <title> element like so:

<title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>

Is this the case? If so, those styles will not be interpreted since browsers won't recognize the styles within <title><style>..</style></title>

I would suggest updating your MasterPage like this:

<head>
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <link.... />
    <link.... />
    <asp:ContentPlaceHolder ID="StylesheetContent" runat="server" />
    <script.... />
    <script.... />
    <asp:ContentPlaceHolder ID="ScriptContent" runat="server" />
</head>

edited Jan 5, 2011 at 17:10

answered Jan 5, 2011 at 16:57

hunter

63.7k19 gold badges115 silver badges115 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

gh9 Over a year ago

bad copy and paste. Thank you for noticing

steve_c · Accepted Answer · 2011-01-05 16:58:04Z

0

Where is your opening

<style type="text/css">

?

answered Jan 5, 2011 at 16:58

steve_c

6,2954 gold badges35 silver badges43 bronze badges

Collectives™ on Stack Overflow

inline css mvc issue

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related