Mise à jour de la feuille de style

Dans le panneau de mise à jour j'ai un programme de mise à jour Je veux mettre la feuille de style dans le panneau de mise à jour comme je veux régler verticalement au milieu mais je ne travaille pas comment je peux réparer ce code?Mise à jour de la feuille de style

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="Server"> 
    <ContentTemplate> 
     <asp:Timer ID="Timer1" runat="server" Interval="1" OnTick="Timer1_Tick"></asp:Timer> 
     <asp:Image ID="Image1" runat="server" Width="400px" Height="300px" Visible="false" /> 
     <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"> 
      <ProgressTemplate> 
       <div style="vertical-align:middle;"> 
       <asp:Image ID="Image3" runat="server" ImageUrl="~/Styles/img/loading.gif" /> 
        Please Wait...</div> 
      </ProgressTemplate> 
     </asp:UpdateProgress> 
    </ContentTemplate> 
</asp:UpdatePanel>

Source

2010-08-09 kamiar3001

Avez-vous chargé le page dans Firebug add-on pour firefox pour s'assurer que le style a été appliqué? Il y a toutes les chances que le style ait été appliqué mais il ne fait pas ce que vous attendez de lui. –

oui je suis d'accord avec vous mais comme vous le savez firefox est navigateur différent peut-être il est appliqué dans firefox mais pas appliqué dans IE et alors? – kamiar3001

S'il est appliqué dans un navigateur, il sera "appliqué" à l'élément dans les deux navigateurs. La différence entre les navigateurs est presque toujours la façon dont les styles appliqués sont interprétés puis rendus une fois qu'ils ont été appliqués. La première chose à vérifier est de savoir si Firefox identifie que l'élément "a le style". Ensuite, vous devez voir ce qu'il fait avec, et comment cela diffère de ce que IE fait avec. Dans votre cas, il s'agit de la boîte de rendu des images. J'ai testé ma réponse CSS ci-dessous et cela devrait fonctionner. –

L'alignement vertical: milieu; le style n'aura aucun effet sur l'image. Ce que vous voulez sans doute faire est d'ajouter un CssClass = « loadingimage » à l'image et d'appliquer ce qui suit à ce:

.loadingimage { 
    float:left; 
    margin-top: 2px; 
}

En outre, ajouter un peu de rembourrage à la div:

<div style="padding:4px;"> 
     <asp:Image ID="Image3" CssClass="loadingimage" 
      runat="server" ImageUrl="~/Styles/img/loading.gif" /> 
     <span>Please Wait...</span> 
    </div>

Source

2010-08-09 16:44:22

Mise à jour de la feuille de style

Répondre

Questions connexes