css to modal

VBdotnet2005
VBdotnet2005 used Ask the Experts™
on
I can't get my css file to apply to this page. It pops up ok.

<%@ Page Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Modal.aspx.vb" Inherits="test_Modal" title="Untitled

Page" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
      <link href="../App_Themes/Theme1/test.css" rel="stylesheet" type="text/css" media="screen"/>

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>      
        <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LinkButton3" PopupControlID="Panel1"

CancelControlID="LinkButton2" Drag="true">
         </cc1:ModalPopupExtender>
         
        <asp:LinkButton ID="LinkButton3" runat="server">LinkButton</asp:LinkButton>
         
    <asp:PlaceHolder ID="PlaceHolder1" runat="server" >       
 
        <asp:Panel ID="Panel1" runat="server"  CssClass="modalPopup">
                <br />    
        <asp:UpdatePanel ID="UpdatePanel2" runat="server">  
            <ContentTemplate>
             <asp:TextBox ID="txtfirstname_1" runat="server"></asp:TextBox>
              <cc1:TextBoxWatermarkExtender ID="txtfirstname_TextBoxWatermarkExtender"
                    runat="server" Enabled="True" TargetControlID="txtfirstname_1"
                    WatermarkText="Firstname">
                </cc1:TextBoxWatermarkExtender>
         
        </ContentTemplate>
       
        </asp:UpdatePanel>
           
      <asp:LinkButton ID="LinkButton2" runat="server">Close</asp:LinkButton>  
  </asp:Panel>&nbsp;
  </asp:PlaceHolder>
 
    </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>


Test.css   file



body
{
   margin:0;
   padding:0;
   border:none;
}

    /*Modal Popup*/
.modalBackground
{
    background-color: #C0C0C0;
    -ms-filter: alpha(opacity=70);
    -ms-opacity: 0.7;
}

.modalPopup
{
    background-color: #FF0066;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 870px;
    overflow: auto;
}
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
its either cached or the path to the css file is not correct,
open it in firefox and check the css in firebug you should be able to see whats wrong.

Author

Commented:
"open it in firefox and check the css in firebug you should be able to see whats wrong."
I have never use firebug.
Everyone should use firebug. Its a must use for all web developers

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial