PlaceHolderMain contrôle td width des valeurs codées en dur

Question

Dans ma page .master personnalisé Je le code suivant:

<asp:ContentPlaceHolder id="PlaceHolderMain" runat="server" Visible="true" /> 

Cette imprime le contenu principal de ma page. Il contient cette structure

<table ID="OuterZoneTable" width="100%"> 
    <tr>...</tr> 
    <tr id="OuterRow"> 
     <td width="80%" id="OuterLeftCell">...</td> 
     <td width="180" id="OuterRightCell">...</td> 
    </tr> 
    ... 
</table> 

Je veux contrôler la largeur de #OuterLeftCell et #OuterRightCell mais il est codé en dur dans le code HTML qui est retourné. Comment pourrais-je changer ces valeurs?

Answer 1

Vous devriez pouvoir facilement remplacer les paramètres en ligne via CSS. Par exemple, voici le CSS équivalent pour les paramètres inline actuels (définir dans la section HEAD de votre page, via votre .master ou une mise en page):

<style type="text/css"> 
    #OuterZoneTable { 
     /* Control overall table width */ 
     width: 100%; 
    } 

    #OuterLeftCell { 
     width: auto; 
    } 

    #OuterRightCell { 
     width: 180px; 
    } 
</style> 

Maintenant, si vous voulez faire les deux cellules prennent la moitié de l'espace disponible, vous changeriez leurs définitions pour être width:50%. J'espère que cela vous permet de commencer dans la bonne direction.