ansaurus

Question

CSS: Possible to define styles mid way through an html document?

Answer 1

+1 A:

Why not have a css file that is referenced in the partial views or am I mising the point of the question?

griegs 2010-06-07 05:23:19

Each view would have their own css file. It would be nice to keep the relevant css within the text of the partial view, rather than a separate text file for each. We wouldn't know which partial view would appear for a given html page.

Dr. Zim 2010-06-07 05:43:41

Can you reference a CSS file about 1/2 way down the body of an html file? That would essentially be the same as what I describe, except I would like to keep the CSS in the same text file as the partial view (html snippets).

Dr. Zim 2010-06-07 05:46:25

While you can include a style block inline in the body section of a HTML file, you shouldn't do so: it's not valid HTML if you do so, nor is it if you link it. What Ahmad describes below is probably more what you're looking for.

Stephen Orr 2010-06-07 06:04:13

Answer 2

+2 A:

I thing that an idea would be to include an additional content section in Head of the master page

<head runat="server">
    <title>
        <asp:ContentPlaceHolder ID="TitleContent" runat="server" />
    </title>
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="CssContent" runat="server" />
</head>

In doing so, you can then inject the specific styles for each view.

Edit: After posting I think the above is not what you are referring to. What you may consider is rolling your own ViewUserControl similar to http://stackoverflow.com/questions/319748/script-css-registration-helper-in-asp-net-mvc?

Ahmad 2010-06-07 05:44:24

So if we have lets say 20 partial views (.ascx files) and each wants to add content to the html head, how would you do it? Something like (Panel) Master.FindControl("CssContent").someFunctionToAppendContent()?

Dr. Zim 2010-06-07 20:17:29

@Dr Zim - I see that the comment below talks about .ascx controls, and I must admit that I missed that part so my answer may not be correct. The solution above will work for the `ViewPage` (if I am not mistaken). To paraphrase the question as I understand it now - I have multiple .ascx controls that all have unique CSS styles. The styles are are defined within each control file. I want the CSS to be part of the `Head` of the document and not scattered within the HTML of my page.

Ahmad 2010-06-08 18:30:49

@Dr Zim - Another option would be to create your own t4 templates or have a `ViewModel` that contains a reference to css file which you can then include in the Head. I will update the answer based on your response..

Ahmad 2010-06-08 18:33:11

ansaurus

tags:

views:

answers:

CSS: Possible to define styles mid way through an html document?

related questions