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

ASP.NET Discussion :

affecter un style au itemtemplate de datalist


Sujet :

ASP.NET

  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    230
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 230
    Par défaut affecter un style au itemtemplate de datalist
    Bonjour,

    Je voudrais savoir comment je peux affecter un style au éléments de datalist, en fait moi j'ai comme code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <asp:DataList  ID="dtlAffiche" runat="server" class="dlist" RepeatColumns="2" RepeatDirection="Horizontal" >  
    <ItemTemplate>
            <table class="dlist1" >
                 .......
           </table>
    </ItemTemplate>
    </asp:DataList>
    Merci.

    Edit
    Pour donner plus de détail je vous précise ce que je voulais avoir, en fait comme je regroupe les éléments de datalist en 2 colonnes est ce que c'est possible par exemple si on a un nombre impaire comme même de rajouter un élément et lui affecter le même style que les éléments du datalist. Voici le code HTML que je l'ai obtenu
    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
    <table class="dlist"> // c'est mon DAtalist
    <tbody>
    	<tr>
    		<td>  // Premier élément du datalist
    			<table class="dlist1>
    				<tbody>
    					<tr>
    						<td>
    						   ...............
    						</td>
    					</tr>
    				</tbody>
    			</table>
    		</td>
    		<td> </td> // Comme mon datalist contient un seul élément cette ligne est rajouté et c'est pour ca on ne trouve pas <table class="dlist1> dedans  car moi je fais le regroupement par deux éléments //Je voudrais appliquer le style dlist1 juste qu'ici et pas pour les autres
    		</tr>
    	</tbody>
    </table>
    Pour le css j'ai
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .dlist1{
    	border-bottom: 1px solid #CCCCCC;
            }
    PS: je ne sais pas j'ai mal exprimé mais j'ai pas trouvé comment l'expliquer autrement, n'hésitez pas à me contacter si vous voulez plus de détail

    Merci.

  2. #2
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    230
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 230
    Par défaut
    Comme j'ai
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    .dlist1
    {
        border-bottom: 1px solid #CCCCCC;
        height: 170px;
        margin-bottom: 20px;
        padding: 10px;
        width: 462px
    }
    je voudrais faire du même pour ce dernier <td> de cette manière j'aurais une ligne tout droite à la fin de chaque ligne( groupement de item ou bien si un seul item existe comme meme rajouter la bordure)

    PS: Je suis encore bloqué dessus j'espère que vous m'avez compris cette fois ci et vous pourriez m'aider

    voici ce que je cherche en graphique
    Item1 Item2
    ----- -----

    Item3
    ----- -----

Discussions similaires

  1. Affectation de style.backgroundImage = IMAGE ?
    Par PiPo123 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 27/11/2010, 20h57
  2. Affecter plusieurs style à une police.
    Par thib42 dans le forum VB.NET
    Réponses: 3
    Dernier message: 14/08/2007, 12h19
  3. Réponses: 3
    Dernier message: 26/06/2007, 14h27
  4. Réponses: 16
    Dernier message: 18/01/2007, 17h46

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