if the css styles isn't applying to content pages, then the path of css when they are read from content page is wrong, is better set the complete path of the css..
but some style can be applied.. this occur with an element stay in lig only lightbox plugin.. in Content page..
it seems like as you said that the path is wrong when i use fire bug on that element it show that no style on that element althought it already declare in .css file
Mongkol0220
Member
8 Points
8 Posts
CSS in Content Page
Sep 25, 2011 04:22 AM|LINK
I have include css file link in Master Page at <head></head> like this
<head runat="server"> <title></title> <link rel="stylesheet" type="text/css" href="/css/custom-theme/jquery-ui-1.8.16.custom.css" media="screen" /> <link rel="stylesheet" type="text/css" href="/css/jquery.asmselect.css" media="screen" /> <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" /> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> </head>form h4 {font-size:11pt; margin-bottom:10px; width:100%; text-align:left; padding:0 0 6px 0; float:left; display:block; border-bottom:2px solid #e1e1e1;} form label {display: inline-block; margin-right: 5px; text-align: right; width: 110px; margin-bottom:10px; font-size:9pt;}<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> <style type="text/css"> h4 { font-size: 11pt; margin-bottom: 10px; width: 100%; text-align: left; padding: 0 0 6px 0; float: left; display: block; border-bottom: 2px solid #e1e1e1; } label { display: inline-block; margin-right: 5px; text-align: right; width: 110px; margin-bottom: 10px; font-size: 9pt; } </style> </asp:Content>css masterpage contentpage
Segundo
Star
10892 Points
1567 Posts
Re: CSS in Content Page
Sep 25, 2011 04:30 AM|LINK
Hi,
put the css styles in master page must be enough.
if the css styles isn't applying to content pages, then the path of css when they are read from content page is wrong, is better set the complete path of the css..
Any doubt, post your comment.
Blog: http://www.neuronasoft.net
Mongkol0220
Member
8 Points
8 Posts
Re: CSS in Content Page
Sep 25, 2011 04:37 AM|LINK
but some style can be applied.. this occur with an element stay in lig only lightbox plugin.. in Content page..
it seems like as you said that the path is wrong when i use fire bug on that element it show that no style on that element althought it already declare in .css file
Abhishek Bha...
Contributor
2222 Points
436 Posts
Re: CSS in Content Page
Sep 25, 2011 05:01 AM|LINK
Where is the "css" folder located? Is it at the root?
css masterpage contentpage
Mongkol0220
Member
8 Points
8 Posts
Re: CSS in Content Page
Sep 25, 2011 05:03 AM|LINK
yep the folder is at root but the content page was in the folder.. like
application/contentpage.aspx, the floder also at root too
Abhishek Bha...
Contributor
2222 Points
436 Posts
Re: CSS in Content Page
Sep 25, 2011 05:16 AM|LINK
This seems more of a "cascading order" issue to me. Tell me, the style definitions for h4 and label - which CSS file has them?
Mongkol0220
Member
8 Points
8 Posts
Re: CSS in Content Page
Sep 25, 2011 07:06 AM|LINK
CSS i want it to work is
form h4 {font-size:11pt; margin-bottom:10px; width:100%; text-align:left; padding:0 0 6px 0; float:left; display:block; border-bottom:2px solid #e1e1e1;} form label {display: inline-block; margin-right: 5px; text-align: right; width: 110px; margin-bottom:10px; font-size:9pt;} form input[type=text], form select {display:inline-block;} form input[type=text] {padding:4px; border:1px solid #e1e1e1; width:190px; }NOTE: css also place in style.css in folder name "css", place at root.. but when i run the below code h4 tag has no style, also label, input too.
Sample code is
<div id="modal6" class="modal-container"> <form action="#"> <div class="left-col"> <h4>Lease Application Details</h4> <label>App Type</label> <asp:DropDownList ID="DropDownList_AppType" runat="server" CssClass="select-field"> <asp:ListItem Text="- Select -" Value=""></asp:ListItem> <asp:ListItem Text="Active" Value="item1"></asp:ListItem> <asp:ListItem Text="On Hold" Value="item2"></asp:ListItem> </asp:DropDownList><label>Received</label><asp:TextBox ID="TextBox_Received" CssClass="datepicker" runat="server"></asp:TextBox>
</div>
</form>
</div>
Abhishek Bha...
Contributor
2222 Points
436 Posts
Re: CSS in Content Page
Sep 25, 2011 09:44 AM|LINK
Try:
form div.left-col h4 {font-size:11pt; margin-bottom:10px; width:100%; text-align:left; padding:0 0 6px 0; float:left; display:block; border-bottom:2px solid #e1e1e1;} form div.left-col label {display: inline-block; margin-right: 5px; text-align: right; width: 110px; margin-bottom:10px; font-size:9pt;} form div.left-col input[type=text], form div.left-col select {display:inline-block;} form div.left-col input[type=text] {padding:4px; border:1px solid #e1e1e1; width:190px; }Mongkol0220
Member
8 Points
8 Posts
Re: CSS in Content Page
Sep 25, 2011 03:26 PM|LINK
It's not work.. the CSS can't reach only the modal window but other elements in Content Page can be applied by the CSS in Masterpage..
raju dasa
Star
14362 Points
2441 Posts
Re: CSS in Content Page
Sep 25, 2011 03:54 PM|LINK
HI,
what's "modal window", post a sample code
which can simulate ur problem!
so that anyone may help.
rajudasa.blogspot.com || blog@opera