[HTML,CSS] Texte entouré par 2 icones

Résolu/Fermé
Signaler
Messages postés
64
Date d'inscription
mercredi 25 juillet 2007
Statut
Membre
Dernière intervention
19 octobre 2008
-
Messages postés
64
Date d'inscription
mercredi 25 juillet 2007
Statut
Membre
Dernière intervention
19 octobre 2008
-
Bonjour à tous,
Voilà mon petit soucis, j'ai créé un tableau, je voudrais que le titre de ce tableau soit entouré par 2 icones.
ais, il faudrait que le premier icone soit tout a fait a gauche et le deuxieme tout a fait à droite. Le tout en prenant compte que la taille du tableau est aléatoire (en fonction de son contenu).

Si je fais une image en align="left" et l'autre align="right", la 2éme icone passe à une autre ligne, ce que je ne veux pas bien entendu.

Est-ce possible de le faire ?!
Si oui, comment ?
Merci de votre coup de main

Voiçi le code du tableau:
<table class="index">
<th>
  <img align="left" src="images/site/droite.gif" /> TATATA <img src="images/site/gauche.gif" />
</th>
<tr>
  <td> TITITI </td>
</tr>
</table>


et le css qui va avec:
table.index th
{
  border:black solid 1px;
  background-color:#777777;
  font-family: Verdana;
  font-size: 10px;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

2 réponses

Messages postés
5129
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
6 décembre 2021
2 767
Bonjour,

Je comprends ta question de 2 façons (“le premier icone tout a fait a gauche et le deuxieme tout a fait à droite”. De quoi ?)
Alors je te propose 2 solutions.

La 1re applique un “display:inline” aux éléments de la cellule, images et titre.
Ils se placent ainsi les uns derrière les autres.

La 2e positionne la 1re image en “float:left” et la 2e en “float:right”.
Elles se collent alors aux extrémités de la cellule.

Tu trouveras un exemple dans cette page.
Essaye.
2
Messages postés
64
Date d'inscription
mercredi 25 juillet 2007
Statut
Membre
Dernière intervention
19 octobre 2008
15
Merci, c'est la deuxiéme qui me fallait (vers les bords du cadre).
Je ne savais pas qu'on pouvais mettre style="float:left" sur une image.
Avant que tu poste la réponse j'avais créé 2 div dans la cellule avec justement float:left comme argument en css.

Merci pour ta reponse, ça me simplifie le code !
0