Tableau HTML alignement de la cellule
Je suis à l'aide de jQuery mobile et je voudrais créer une listview qui devrait ressembler à
Il a l'air très simple à réaliser et j'ai presque tout sauf la droite de l'alignement de la colonne sur la droite.
Notez que tous les trois cellules sur le bouton droit de la colonne sont fusionnés.
Toute aide est appréciée.
Merci.
Mise à jour:
Voici mon code:
<ul data-role="listview" id="mylist"><li><table><tr><td><label class="label1">EUR</label></td><td rowspan="3"><label class="price">1.3245</label></td></tr><tr><td><label class="label2">vs</label></td></tr><tr><td><label class="label3">USD</label></td></tr></table></li><li><table><tr><td><label class="label1">EUR</label></td><td rowspan="3"><label class="price">0.89</label></td></tr><tr><td><label class="label2">vs</label></td></tr><tr><td><label class="label3">GBP</label></td></tr></table></li></ul>
Ce code vous aide à obtenir vos résultats? Sachant que pour permettre aux personnes à aider.
Merci pour le commentaire. J'ai ajouté mon code.
Il n'y a aucune règle css à l'ensemble de la colonne de droite de la largeur?
En outre, si vous voulez toujours l'ombre, vous pouvez ajouter cette règle css à votre table: box-shadow: 2px 2px;
Merci pour l'ombre de la pointe. Et mon css pour la colonne de droite ne permet pas de définir la largeur. Ici, il est
Merci pour le commentaire. J'ai ajouté mon code.
Il n'y a aucune règle css à l'ensemble de la colonne de droite de la largeur?
En outre, si vous voulez toujours l'ombre, vous pouvez ajouter cette règle css à votre table: box-shadow: 2px 2px;
Merci pour l'ombre de la pointe. Et mon css pour la colonne de droite ne permet pas de définir la largeur. Ici, il est
.price{ font-size: 30px;}
OriginalL'auteur Balkrishna Rawool | 2012-09-19
Vous devez vous connecter pour publier un commentaire.
Bien, que vous ne postez pas votre code, je ne peux rien faire de plus que de vous aider à
Voir ici
Code:
OriginalL'auteur Rafael de Souza
Après avoir lutté pendant un moment, j'ai compris quel était le problème. Dans mon code je suis la création de plusieurs tables. (Un tableau pour chaque
<li>
.) Alors quand j'ai droit aligner le texte dans la bonne colonne, il est aligné à droite dans chaque table. Mais quand toutes ces tables sont vu celui-ci-dessous-les-autres, le texte ne semble pas être aligné à droite.La solution est à droite, aligner à droite-colonnes de toutes les tables et aussi de maintenir une largeur fixe à toutes les tables.e.g.
.price{ font-size: 30px;
width:200px;
text-align: right;
}
Merci Joe W et Rafael de Souza pour votre aide.
OriginalL'auteur Balkrishna Rawool
Si vous modifiez votre css en ajoutant text-align: right il devrait vous obtenir les résultats dont vous avez besoin.
avant:
après:
OriginalL'auteur Joe W