IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

CSS à effet partiel


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Avril 2009
    Messages : 4
    Par défaut CSS à effet partiel
    Bonjour à tous,
    Informations utiles
    - VS 2008 Professional Edition
    - Framework 3.5
    - Firefox 3 et/ou Internet Explorer
    - Langage C#
    Problèmes rencontrés
    Mon CSS ne s'applique pas à tous les contrôles (div, image de fond, asp:Button, ...) lorsque je fais un Browse de la page dans un navigateur (Firefox et/ou Internet Explorer)
    En mode Design sous VS 2008, le css est bien appliqué sur tous mes contrôles, la présentation de la page est telle que décrite dans le CSS (div entête, div centrale divisée en div gauche et div droite, div pied) MAIS lorsque je regarde la page dans un navigateur, seule la présentation de la page est correcte, par contre les contrôles sont devenus invisibles dans le div entête.
    MERCI A VOUS DÉJÀ POUR VOS SUGGESTIONS ET CONSEILS.
    Code du CSS
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
     
    body{
    	font-family: calibri, Arial;
    }
    #d_Conteneur{
    	width: 100%; 
    	height: 100%; 
    	margin-left: 5px; 
    	margin-right: 5px;
    }
    #d_Entete{
    	width: 100%; 
    	margin-top: 0px; 
    	margin-left: 0px; 
    	margin-right: 0px;
    }
    #Ent_MenuNiv1{
    	width: 100%; 
    	float: left; 
    	height: 24px; 
    	background-image: url(/img/INF_Haut.png); 
    	background-repeat: repeat-x; 
    	font-size: 14px;
    }
    .asp1_Button{
    	background-color:Transparent;
    	border-width:0px; 
    	font-family:Calibri;
    	color:White;
    	width:150px;
    }
    #Ent_MenuNiv2{
    	width: 100%; 
    	float: left; 
    	font-size: 13px; 
    	background-image: url(/img/INF_Rempl.png); 
    	background-repeat: repeat-x; 
    	height: auto;
    }
    .asp2_Button{
    	background-color:Transparent;
    	border-width:0px; 
    	font-family:Calibri;
    	color:Black;
    	width:150px;
    }
    #Ent_MenuNiv3{
    	background-image: url(/img/INF_Rempl.png); 
    	background-repeat: repeat-x; 
    	font-size: 12px; 
    	font-family: Calibri; 
    	float: left; 
    	width: 100%; 
    	height: auto;
    }
    .asp3_Button{
    	background-color:Transparent;
    	border-width:0px; 
    	font-family:Calibri;
    	color:Black;
    	width:100px;
    }
    #Cen_Gauche{
    	border: 1px ridge #C0C0C0; 
    	background-color: #FFFFFF; 
    	width: 79%; 
    	float: left; 
    	margin: 10px 0px 10px 0px;
    }
    #Cen_Droite{
    	background-color: #B8B8B8; 
    	width: 20%; 
    	float: right; 
    	margin: 10px 0px 10px 0px
    }
    #d_Pied{
    	clear: both; 
    	margin-top: 10px; 
    	padding-top: 5px; 
    	font-family: calibri; 
    	font-size: 11px;
    }
    #Pie_Titre{
    	 float: left; 
    	 border-width: 1px; 
    	 margin: 0px; 
    	 background-image: url(/img/INF_Rempl.png); 
    	 background-repeat: repeat-x; 
    	 text-transform: uppercase;
    }
    #Pie_Detail{
    	border: 1px solid #B8B8B8; 
    	float: left; 
    	padding-top: 3px; 
    	padding-right: 10px; 
    	margin: 0px; 
    	background-image: url(/img/INF_Rempl.png); 
    	background-repeat: repeat-x; 
    	width: 100%; 
    	height: 20px;
    }
    Code du MasterPage
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
     
    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
     
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head id="Head1" runat="server">
    		<title>Logiciel de gestion ...</title>
            <link href="css/moncss.css" rel="stylesheet" type="text/css" />
    	</head>
    	<body>
    		<form id="form1" runat="server">
    		    <ajaxToolkit:ToolkitScriptManager runat="server" ID="ScriptManager_Ajax" />
                <div id="d_Conteneur">
    				<div id="d_Entete">
    					<div id="Ent_MenuNiv1"> 
    					    <asp:Button ID="Mn1_01" runat="server" CssClass="asp1_Button" Visible="true" OnClick="Clk_Mn101" Text="Dossier PERMANENT" ToolTip="Dossier PERMANENT"/>
    					    <asp:Button ID="Mn1_02" runat="server" CssClass="asp1_Button" OnClick="Clk_Mn102" Text="Dossier ANNUEL"/>
    					    <asp:Button ID="Mn1_03" runat="server" CssClass="asp1_Button" OnClick="Clk_Mn103" Text="UTILITAIRES"/>
    					</div>
                        <div id="Ent_MenuNiv2">
                            <asp:UpdatePanel ID="Upanel_MenuNiv2" runat="server">
                                <ContentTemplate>
    				                <asp:Button ID="Mn2_01" runat="server" CssClass="asp2_Button" Visible="false" Text="Comptabilité"/>
    				                <asp:Button ID="Mn2_02" runat="server" CssClass="asp2_Button" Visible="false" Text="Fiscalité"/>
    				                <asp:Button ID="Mn2_03" runat="server" CssClass="asp2_Button" Visible="false" Text="Social"/>
    				                <asp:Button ID="Mn2_04" runat="server" CssClass="asp2_Button" Visible="false" Text="Juridique"/>
    					        </ContentTemplate>
                            </asp:UpdatePanel>
                        </div>
                        <div id="Ent_MenuNiv3">
    					    <asp:UpdatePanel ID="Upanel_MenuNiv3" runat="server">
                                <ContentTemplate>
    					                <asp:Button ID="Mn3_01" runat="server" CssClass="asp3_Button" Text="TVA"/>
    					                <asp:Button ID="Mn3_02" runat="server" CssClass="asp3_Button" Text="TP"/>
    					                <asp:Button ID="Mn3_03" runat="server" CssClass="asp3_Button" Text="IS"/>
    					                <asp:Button ID="Mn3_04" runat="server" CssClass="asp3_Button" Text="ORGANIC"/>
    					                <asp:Button ID="Mn3_05" runat="server" CssClass="asp3_Button" Text="TA"/>
    					                <asp:Button ID="Mn3_06" runat="server" CssClass="asp3_Button" Text="FPC"/>
    					                <asp:Button ID="Mn3_07" runat="server" CssClass="asp3_Button" Text="TVS"/>
    					                <asp:Button ID="Mn3_08" runat="server" CssClass="asp3_Button" Text="LIASSE FISCALE"/>
    					        </ContentTemplate>		
    					    </asp:UpdatePanel>
                        </div>
    				</div>
    			    <div id="d_Centre">
    			        <div id="Cen_Gauche">
                            <asp:ContentPlaceHolder id="CPH_Page" runat="server">
                            </asp:ContentPlaceHolder>
                        </div>                            
                        <div id="Cen_Droite">
                            <div id="CenDroi_Haut" style="float: none; height: 70%; background-color: #CECED0; border-width: 1px; font-family: Calibri; font-size: 12px;">
                                <asp:UpdatePanel ID="lst_Taches" runat="server">
                                    <ContentTemplate>
                                    <ajaxToolkit:Accordion ID="MyAccordion" runat="server" SelectedIndex="0"
                                                HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
                                                ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40" 
                                                TransitionDuration="250" AutoSize="None" RequireOpenedPane="false" SuppressHeaderPostbacks="true">
                                               <Panes>
                                                <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
                                                    <Header><a href="">1. Accordion</a></Header>
                                                    <Content>
                                                        The Accordion is a web control that allows you to provide multiple panes and display them one at a time.
                                                        It is like having several
                                                    </Content>
                                                </ajaxToolkit:AccordionPane>
                                                <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
                                                    <Header><a href="">2. AutoSize</a></Header>
                                                    <Content>
                                                        <p>It also supports three AutoSize modes so it can fit in a variety of layouts.</p>
                                                        <ul>
                                                            <li><b>None</b> - The Accordion grows/shrinks without restriction.  This can cause other elements
                                                                on your page to move up and down with it.</li>
                                                            <li><b>Limit</b> - The Accordion never grows larger than the value specified by its Height
                                                                property.  This will cause the content to scroll if it is too large to be displayed.</li>
                                                            <li><b>Fill</b> - The Accordion always stays the exact same size as its Height property.  This
                                                                will cause the content to be expanded or shrunk if it isn't the right size.</li>
                                                        </ul>
     
                                                    </Content>
                                                </ajaxToolkit:AccordionPane>
                                                <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server">
                                                    <Header><a href="">3. Control or Extender</a></Header>
                                                    <Content>
                                                        The Accordion is written using an extender like most of the other extenders in the AJAX Control Toolkit.
                                                        The extender expects its input in a very specific hierarchy of container elements (like divs), so
                                                        the Accordion and AccordionPane web controls are used to generate the expected input for the extender.
                                                        The extender can also be used on its own if you provide it appropriate input.
                                                    </Content>
                                                </ajaxToolkit:AccordionPane>
                                                <ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server">
                                                    <Header><a href="">4. What is ASP.NET AJAX?</a></Header>
                                                    <Content>
                                                        contenu de la partie 4 : tâche 4
                                                    </Content>
                                                </ajaxToolkit:AccordionPane>
                                                </Panes>
                                            </ajaxToolkit:Accordion>
                                        </ContentTemplate>
                                </asp:UpdatePanel>
                            </div>
                            <div id="CenDroi_Bas" style="float: none; background-color: #CECED0; height: 30%; border-width: 1px">
                                <asp:Calendar ID="Calendar1" runat="server" BackColor="White" 
                                            BorderColor="#3366CC" BorderWidth="1px" CellPadding="0" 
                                            DayNameFormat="Shortest" Font-Names="Calibri" Font-Size="8pt" 
                                            ForeColor="#003399" Height="20%" Width="100%">
                                    <SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
                                    <SelectorStyle BackColor="#99CCCC" ForeColor="#336666" />
                                    <WeekendDayStyle BackColor="#CCCCFF" />
                                    <TodayDayStyle BackColor="#99CCCC" ForeColor="White" />
                                    <OtherMonthDayStyle ForeColor="#999999" />
                                    <NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />
                                    <DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" />
                                    <TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px" 
                                                Font-Bold="True" Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" />
                                </asp:Calendar>
                            </div>            
                        </div>
                    </div>
                    <div id="d_Pied">
    			        <div id="Pie_Titre">Aide permanente</div>
    			        <div id="Pie_Detail">
    			            <asp:ContentPlaceHolder id="CPH_AidePerm" runat="server">
                            </asp:ContentPlaceHolder>
                        </div>
                    </div>
                </div>
    		</form>
    	</body>
    </html>

  2. #2
    Expert confirmé
    Avatar de Immobilis
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mars 2004
    Messages
    6 559
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Mars 2004
    Messages : 6 559
    Par défaut
    Salut,

    Tu peux poster le html généré?

    A+
    "Winter is coming" (ma nouvelle page d'accueil)

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Avril 2009
    Messages : 4
    Par défaut
    Citation Envoyé par Immobilis Voir le message
    Salut,

    Tu peux poster le html généré?

    A+
    MERCI POUR TA SOLLICITUDE.
    Voici le HTML généré :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
     
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
     
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head id="ctl00_Head1"><title>
    	Logiciel de comptabilité ...
    </title><link href="css/moncss.css" rel="stylesheet" type="text/css" /></head>
    	<body>
    		<form name="aspnetForm" method="post" action="Default2.aspx" id="aspnetForm">
    <div>
    <input type="hidden" name="ctl00_ScriptManager_Ajax_HiddenField" id="ctl00_ScriptManager_Ajax_HiddenField" value="" />
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
     
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzc4OTM5NTE1D2QWAmYPZBYCAgQPZBYCAg8PZBYCZg9kFgICAQ9kFggCAQ9kFgRmDw8WBB4IQ3NzQ2xhc3MFF2FjY29yZGlvbkhlYWRlclNlbGVjdGVkHgRfIVNCAgJkZAIBDw8WBB8ABRBhY2NvcmRpb25Db250ZW50HwECAhYCHgVzdHlsZQUOZGlzcGxheTpibG9jaztkAgIPZBYEZg8PFgQfAAUPYWNjb3JkaW9uSGVhZGVyHwECAmRkAgEPDxYEHwAFEGFjY29yZGlvbkNvbnRlbnQfAQICFgIfAgUNZGlzcGxheTpub25lO2QCAw9kFgRmDw8WBB8ABQ9hY2NvcmRpb25IZWFkZXIfAQICZGQCAQ8PFgQfAAUQYWNjb3JkaW9uQ29udGVudB8BAgIWAh8CBQ1kaXNwbGF5Om5vbmU7ZAIED2QWBGYPDxYEHwAFD2FjY29yZGlvbkhlYWRlch8BAgJkZAIBDw8WBB8ABRBhY2NvcmRpb25Db250ZW50HwECAhYCHwIFDWRpc3BsYXk6bm9uZTtkZMVZ5u8Fmgub5zpWSFyLm27Zv9E/" />
    </div>
     
    <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['aspnetForm'];
    if (!theForm) {
        theForm = document.aspnetForm;
    }
    function __doPostBack(eventTarget, eventArgument) {
        if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
            theForm.__EVENTTARGET.value = eventTarget;
            theForm.__EVENTARGUMENT.value = eventArgument;
            theForm.submit();
        }
    }
    //]]>
    </script>
     
     
    <script src="/mainWEB/WebResource.axd?d=tU18kg6PxFoofbVWH5P_1w2&amp;t=633644443107031250" type="text/javascript"></script>
     
     
    <script src="/mainWEB/ScriptResource.axd?d=i9L6-ib_coDk7VF1v0i-_G_W3B5XxG8LkmV-xNNVRrDz-x9euFe94gctFhJ60ars5WzqiWfua4jtmS6CjNEzlNz1WP4sP1Q5rBdhZKbRAf41&amp;t=ffffffffe094a074" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    if (typeof(Sys) === 'undefined') throw new Error('Échec du chargement de l\u0027infrastructure ASP.NET Ajax côté client.');
    //]]>
    </script>
     
    <script src="/mainWEB/ScriptResource.axd?d=i9L6-ib_coDk7VF1v0i-_G_W3B5XxG8LkmV-xNNVRrDz-x9euFe94gctFhJ60arsMO1q8gCWFSq4XugB3Dc6sC2MsMTDaSz6MGpD2QVD1ltom_x4U34dFLsbfgNWWbPa0&amp;t=ffffffffe094a074" type="text/javascript"></script>
     
    <script src="/mainWEB/Default2.aspx?_TSM_HiddenField_=ctl00_ScriptManager_Ajax_HiddenField&amp;_TSM_CombinedScripts_=%3b%3bAjaxControlToolkit%2c+Version%3d1.0.20229.16618%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3afr-FR%3a2ab34d09-b085-4e74-a638-04a7221f93c4%3a9ea3f0e2%3ae2e86ef9%3a9e8e87e9%3a1df13a87%3a9758eba" type="text/javascript"></script>
    <div>
     
    	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWOgLz9JS9AwK22+/fAQK227POBwK228cpArjb798BArjbs84HArjbxykCuNuLmAYCuNuf8w4CuNvj4QQCuNv3vA0CuNu7qwMCuozCnQ8Ci4KF6AIClv3YrQoCvMrusw8C5pTnuw4C5pT73AYC5pTPNwLmlOPYCALN/q+fAgLN/sPACgLN/tflAQLN/uuOCALN/v+zBwLN/pPXDwLN/qf4BgLN/rudDQLN/o/0CALN/qOZBwLo142wBALo16HVDALo17X+CwLo18mjAgLo193ECgLo1/HpAQLo14WNCALo15m2BwLo1+2OAgLo14GyCQKltMDFDAKltNTuCwKltOiTAgKltPy0CQKltJDYAQKltKT9CAKltLimBwKltMzLDwKltKCiCQKltLTHAQLAjabeBgLAjbqDDQLAjc6kBALAjeLJDALAjfbyCwLAjYqWAgLAjZ67CQLAjbLcAZ0YQzXXqkN9qq6YfpStv/tN9GzM" />
    </div>
    		    <script type="text/javascript">
    //<![CDATA[
    Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager_Ajax', document.getElementById('aspnetForm'));
    Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tctl00$Upanel_MenuNiv2','tctl00$Upanel_MenuNiv3','tctl00$lst_Taches'], [], [], 90);
    //]]>
    </script>
     
                <div id="d_Conteneur">
    				<div id="d_Entete">
    					<div id="Ent_MenuNiv1"> 
    					    <input type="submit" name="ctl00$Mn1_01" value="Dossier PERMANENT" id="ctl00_Mn1_01" title="Dossier PERMANENT" class="asp1_Button" />
     
    					    <input type="submit" name="ctl00$Mn1_02" value="Dossier ANNUEL" id="ctl00_Mn1_02" class="asp1_Button" />
    					    <input type="submit" name="ctl00$Mn1_03" value="UTILITAIRES" id="ctl00_Mn1_03" class="asp1_Button" />
    					</div>
                        <div id="Ent_MenuNiv2">
                            <div id="ctl00_Upanel_MenuNiv2">
     
     
     
     
     
     
    </div>
                        </div>
                        <div id="Ent_MenuNiv3">
    					    <div id="ctl00_Upanel_MenuNiv3">
     
     
    					                <input type="submit" name="ctl00$Mn3_01" value="TVA" id="ctl00_Mn3_01" class="asp3_Button" />
    					                <input type="submit" name="ctl00$Mn3_02" value="TP" id="ctl00_Mn3_02" class="asp3_Button" />
    					                <input type="submit" name="ctl00$Mn3_03" value="IS" id="ctl00_Mn3_03" class="asp3_Button" />
    					                <input type="submit" name="ctl00$Mn3_04" value="ORGANIC" id="ctl00_Mn3_04" class="asp3_Button" />
    					                <input type="submit" name="ctl00$Mn3_05" value="TA" id="ctl00_Mn3_05" class="asp3_Button" />
    					                <input type="submit" name="ctl00$Mn3_06" value="FPC" id="ctl00_Mn3_06" class="asp3_Button" />
    					                <input type="submit" name="ctl00$Mn3_07" value="TVS" id="ctl00_Mn3_07" class="asp3_Button" />
    					                <input type="submit" name="ctl00$Mn3_08" value="LIASSE FISCALE" id="ctl00_Mn3_08" class="asp3_Button" />
     
     
    </div>
                        </div>
    				</div>
    			    <div id="d_Centre">
    			        <div id="Cen_Gauche">
     
        <span id="ctl00_CPH_Page_Label1">Label</span><input name="ctl00$CPH_Page$TextBox1" type="text" id="ctl00_CPH_Page_TextBox1" />
     
                        </div>                            
                        <div id="Cen_Droite">
                            <div id="CenDroi_Haut" style="float: none; height: 70%; background-color: #CECED0; border-width: 1px; font-family: Calibri; font-size: 12px;">
     
                                <div id="ctl00_lst_Taches">
     
                                    <div id="ctl00_MyAccordion">
    		<input type="hidden" name="ctl00$MyAccordion_AccordionExtender_ClientState" id="ctl00_MyAccordion_AccordionExtender_ClientState" value="0" /><div class="accordionHeaderSelected">
    			<a href="">1. Accordion</a>
    		</div><div class="accordionContent" style="display:block;">
     
                                                        The Accordion is a web control that allows you to provide multiple panes and display them one at a time.
                                                        It is like having several
     
    		</div><div class="accordionHeader">
    			<a href="">2. AutoSize</a>
     
    		</div><div class="accordionContent" style="display:none;">
     
                                                        <p>It also supports three AutoSize modes so it can fit in a variety of layouts.</p>
                                                        <ul>
                                                            <li><b>None</b> - The Accordion grows/shrinks without restriction.  This can cause other elements
                                                                on your page to move up and down with it.</li>
                                                            <li><b>Limit</b> - The Accordion never grows larger than the value specified by its Height
                                                                property.  This will cause the content to scroll if it is too large to be displayed.</li>
     
                                                            <li><b>Fill</b> - The Accordion always stays the exact same size as its Height property.  This
                                                                will cause the content to be expanded or shrunk if it isn't the right size.</li>
                                                        </ul>
     
     
    		</div><div class="accordionHeader">
    			<a href="">3. Control or Extender</a>
    		</div><div class="accordionContent" style="display:none;">
     
                                                        The Accordion is written using an extender like most of the other extenders in the AJAX Control Toolkit.
                                                        The extender expects its input in a very specific hierarchy of container elements (like divs), so
                                                        the Accordion and AccordionPane web controls are used to generate the expected input for the extender.
                                                        The extender can also be used on its own if you provide it appropriate input.
     
    		</div><div class="accordionHeader">
     
    			<a href="">4. What is ASP.NET AJAX?</a>
    		</div><div class="accordionContent" style="display:none;">
     
                                                        contenu de la partie 4 : tâche 4
     
    		</div>
    	</div>
     
    </div>
                            </div>
                            <div id="CenDroi_Bas" style="float: none; background-color: #CECED0; height: 30%; border-width: 1px">
                                <table id="ctl00_Calendar1" cellspacing="0" cellpadding="0" title="Calendrier" border="0" style="width:100%;height:20%;font-size:8pt;font-family:Calibri;color:#003399;border-width:1px;border-style:solid;border-color:#3366CC;background-color:White;border-collapse:collapse;">
     
    	<tr><td colspan="7" style="background-color:#003399;border-color:#3366CC;border-width:1px;border-style:solid;height:25px;"><table cellspacing="0" border="0" style="color:#CCCCFF;font-family:Calibri;font-size:10pt;font-weight:bold;width:100%;border-collapse:collapse;">
    		<tr><td style="color:#CCCCFF;font-size:8pt;width:15%;"><a href="javascript:__doPostBack('ctl00$Calendar1','V3347')" style="color:#CCCCFF" title="Accéder au mois précédent">&lt;</a></td><td align="center" style="width:70%;">avril 2009</td><td align="right" style="color:#CCCCFF;font-size:8pt;width:15%;"><a href="javascript:__doPostBack('ctl00$Calendar1','V3408')" style="color:#CCCCFF" title="Accéder au mois suivant">&gt;</a></td></tr>
    	</table></td></tr><tr><th align="center" abbr="lundi" scope="col" style="color:#336666;background-color:#99CCCC;height:1px;">lu</th><th align="center" abbr="mardi" scope="col" style="color:#336666;background-color:#99CCCC;height:1px;">ma</th><th align="center" abbr="mercredi" scope="col" style="color:#336666;background-color:#99CCCC;height:1px;">me</th><th align="center" abbr="jeudi" scope="col" style="color:#336666;background-color:#99CCCC;height:1px;">je</th><th align="center" abbr="vendredi" scope="col" style="color:#336666;background-color:#99CCCC;height:1px;">ve</th><th align="center" abbr="samedi" scope="col" style="color:#336666;background-color:#99CCCC;height:1px;">sa</th><th align="center" abbr="dimanche" scope="col" style="color:#336666;background-color:#99CCCC;height:1px;">di</th></tr><tr><td align="center" style="color:#999999;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3376')" style="color:#999999" title="30 mars">30</a></td><td align="center" style="color:#999999;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3377')" style="color:#999999" title="31 mars">31</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3378')" style="color:#003399" title="1 avril">1</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3379')" style="color:#003399" title="2 avril">2</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3380')" style="color:#003399" title="3 avril">3</a></td><td align="center" style="background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3381')" style="color:#003399" title="4 avril">4</a></td><td align="center" style="background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3382')" style="color:#003399" title="5 avril">5</a></td></tr><tr><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3383')" style="color:#003399" title="6 avril">6</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3384')" style="color:#003399" title="7 avril">7</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3385')" style="color:#003399" title="8 avril">8</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3386')" style="color:#003399" title="9 avril">9</a></td><td align="center" style="color:White;background-color:#99CCCC;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3387')" style="color:White" title="10 avril">10</a></td><td align="center" style="background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3388')" style="color:#003399" title="11 avril">11</a></td><td align="center" style="background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3389')" style="color:#003399" title="12 avril">12</a></td></tr><tr><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3390')" style="color:#003399" title="13 avril">13</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3391')" style="color:#003399" title="14 avril">14</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3392')" style="color:#003399" title="15 avril">15</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3393')" style="color:#003399" title="16 avril">16</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3394')" style="color:#003399" title="17 avril">17</a></td><td align="center" style="background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3395')" style="color:#003399" title="18 avril">18</a></td><td align="center" style="background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3396')" style="color:#003399" title="19 avril">19</a></td></tr><tr><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3397')" style="color:#003399" title="20 avril">20</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3398')" style="color:#003399" title="21 avril">21</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3399')" style="color:#003399" title="22 avril">22</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3400')" style="color:#003399" title="23 avril">23</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3401')" style="color:#003399" title="24 avril">24</a></td><td align="center" style="background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3402')" style="color:#003399" title="25 avril">25</a></td><td align="center" style="background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3403')" style="color:#003399" title="26 avril">26</a></td></tr><tr><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3404')" style="color:#003399" title="27 avril">27</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3405')" style="color:#003399" title="28 avril">28</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3406')" style="color:#003399" title="29 avril">29</a></td><td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3407')" style="color:#003399" title="30 avril">30</a></td><td align="center" style="color:#999999;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3408')" style="color:#999999" title="1 mai">1</a></td><td align="center" style="color:#999999;background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3409')" style="color:#999999" title="2 mai">2</a></td><td align="center" style="color:#999999;background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3410')" style="color:#999999" title="3 mai">3</a></td></tr><tr><td align="center" style="color:#999999;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3411')" style="color:#999999" title="4 mai">4</a></td><td align="center" style="color:#999999;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3412')" style="color:#999999" title="5 mai">5</a></td><td align="center" style="color:#999999;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3413')" style="color:#999999" title="6 mai">6</a></td><td align="center" style="color:#999999;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3414')" style="color:#999999" title="7 mai">7</a></td><td align="center" style="color:#999999;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3415')" style="color:#999999" title="8 mai">8</a></td><td align="center" style="color:#999999;background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3416')" style="color:#999999" title="9 mai">9</a></td><td align="center" style="color:#999999;background-color:#CCCCFF;width:14%;"><a href="javascript:__doPostBack('ctl00$Calendar1','3417')" style="color:#999999" title="10 mai">10</a></td></tr>
     
    </table>
                            </div>            
                        </div>
                    </div>
                    <div id="d_Pied">
    			        <div id="Pie_Titre">Aide permanente</div>
    			        <div id="Pie_Detail">
     
        C'EST ICI QUE SERONT PLACEES LES AIDES PERMANENTES
     
                        </div>
                    </div>
     
                </div>
     
     
    <script type="text/javascript">
    //<![CDATA[
    Sys.Application.initialize();
    Sys.Application.add_init(function() {
        $create(AjaxControlToolkit.AccordionBehavior, {"ClientStateFieldID":"ctl00_MyAccordion_AccordionExtender_ClientState","ContentCssClass":"accordionContent","FramesPerSecond":40,"HeaderCssClass":"accordionHeader","HeaderSelectedCssClass":"accordionHeaderSelected","id":"ctl00_MyAccordion_AccordionExtender","requireOpenedPane":false,"suppressHeaderPostbacks":true}, null, null, $get("ctl00_MyAccordion"));
    });
    //]]>
    </script>
    </form>
    	</body>
    </html>

  4. #4
    Expert confirmé
    Avatar de Immobilis
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mars 2004
    Messages
    6 559
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Mars 2004
    Messages : 6 559
    Par défaut
    Je déplace dans le forum CSS.

    Qu'y a-t-il dans "css/moncss.css"?

    A+
    "Winter is coming" (ma nouvelle page d'accueil)

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Avril 2009
    Messages : 4
    Par défaut
    Citation Envoyé par Immobilis Voir le message
    Je déplace dans le forum CSS.

    Qu'y a-t-il dans "css/moncss.css"?

    A+
    Peut-être que je comprends pas bien ta question mais je vais répondre de 2 manières, donc la bonne réponse est peut-être parmi elles :
    - s'il s'agit du contenu --> dans css/moncss.css, c'est le css que j'ai créé et que j'ai mis dans le premier post (premier code, le deuxième code étant celui du MasterPage)
    - s'il s'agit du répertoire css --> il n'y a pas d'autres fichiers que moncss.css
    ENCORE MERCI

  6. #6
    Expert confirmé
    Avatar de Immobilis
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mars 2004
    Messages
    6 559
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Mars 2004
    Messages : 6 559
    Par défaut
    Citation Envoyé par Samy010976 Voir le message
    c'est le css que j'ai créé et que j'ai mis dans le premier post
    Ok c'est juste pour savoir si d'autres styles pouvaient entrer en conflit.
    "Winter is coming" (ma nouvelle page d'accueil)

Discussions similaires

  1. CSS Effet sur lien
    Par jojo86 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/04/2009, 12h29
  2. Tableau CSS effet
    Par Esil2008 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 29/02/2008, 11h54
  3. [CSS] Effet au survol d'un lien
    Par Death83 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 11/02/2006, 01h21
  4. [CSS] effet survol d'une image
    Par cyberhunter dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 11/10/2005, 17h09
  5. [CSS] Effet de hover qui ne fonctionne pas sous IE
    Par Ricou13 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 14/06/2005, 09h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo