mettre bloc texte en bas a droite dans un td - HTML/CSS - Programmation
Marsh Posté le 04-02-2015 à 11:26:33
Dans le <td>n mettre l'attribut valign à bottom et dans le css, mettre une règle sur le td qui va bien (ça nécessitera sans doute de définir un nom de style dans le <td class="nomdustyle"> ) avec text-align: right;
Marsh Posté le 14-02-2015 à 12:42:00
perso, je suis pas fan de ta mise en forme en tableau
tu peux astucieusement utiliser ensemble la propriété "display:inline-block;" pour placer tes controles a coté de l'image.
et associer positionnnement relatif et absolu pour gerer le placement en bas a droite.
ex :
Code :
|
biensur ce n'est qu'une ebauche qui demande a etre améliorée et adaptée,
mais elle représente selon moi une bonne base
(de plus, compatible avec 99% des navigateurs)
Marsh Posté le 04-02-2015 à 09:39:55
Bonjour, j'ai un texte dan un td qui s'affiche toujours en a gauche du td et je voudrais que ce bloc soit le plus en bas a droite j'ai essayé
le margin-top puis margin-left le bloc ne bouge pas je ne sais plus trop quoi faire si quelqu'un aurait une idée s'il vous plait?
Merci
Pour aider voila le le code html et le css :
<table align='center' style="width=94%">
<tr>
<td>
<img border=0 src="toto" align=absmiddle><b>1670 DOSSIERS</b>
</td>
<td align=right >
<span class="resultat_liste">
<span class="inactive">Précedente</span>
<span class="active">1</span>
<a href="javascript:suivant('50');">2</a>
<a href="javascript:suivant('100');">3</a>
<a href="javascript:suivant('150');">4</a>
<a href="javascript:suivant('200');">5</a>
<a href="javascript:suivant('50');">Suivante</a>
</span>
</td>
</tr>
</table>
/*pagination*/
.resultat_liste {font:16px Arial, Helvetica, sans-serif;}
.resultat_liste a {font-size:10px;color:black;margin:2px;padding:.2em .4em;font-weight:bold;text-decoration:none}
.resultat_liste a:hover {color:#bd88fe}
.resultat_liste span.inactive {font-size:10px;color:black;margin:2px;padding:.2em .4em;font-weight:bold;}
.resultat_liste span.active {background:#f4ebff;color:#bd88fe;font-weight:700;margin:2px;padding:.2em .4em}
Message édité par ns976 le 04-02-2015 à 09:46:46