Mettre une image entre deux texte dans HTML
Résolu
Rustaveli
Messages postés
11
Statut
Membre
-
Rustaveli Messages postés 11 Statut Membre -
Rustaveli Messages postés 11 Statut Membre -
Bonjour,
Je suis entrain de faire un site.
Bonjour à tout le monde
Mon problème en fait, c'est de mettre par exemple une liste à gauche une image au milieu
et une autre liste à droite.
comme sur l'image que vous avez ici:
http://img372.imageshack.us/img372/4489/rustavelito6.jpg
est-ce quelqu'un peut m'aider à faire ça.
Voila mon site: http://rustaveli.fr
Vous voyez une liste à gauche de couleur blanche et une photo juste un peu en bas.
Moi ce que je veux faire: laisser la liste à gauche, mettre la photo au milieu et ajouter
une autre liste à droite.
J'espère que vous avez compris.. merci d'avance.
Je suis entrain de faire un site.
Bonjour à tout le monde
Mon problème en fait, c'est de mettre par exemple une liste à gauche une image au milieu
et une autre liste à droite.
comme sur l'image que vous avez ici:
http://img372.imageshack.us/img372/4489/rustavelito6.jpg
est-ce quelqu'un peut m'aider à faire ça.
Voila mon site: http://rustaveli.fr
Vous voyez une liste à gauche de couleur blanche et une photo juste un peu en bas.
Moi ce que je veux faire: laisser la liste à gauche, mettre la photo au milieu et ajouter
une autre liste à droite.
J'espère que vous avez compris.. merci d'avance.
Configuration: Windows Vista Firefox 3.0
3 réponses
-
Suis pas spécialiste dans ce domaine mais il me semble que tu dois travailler avec des tableaux que tu mets simplement à 0 pixels pour les rendre invisible.
-
Les tableaux je connais un peu, je vais y arriver, mais est-ce que je peux mettre l'image dans le tableau?
Voila comment je fais pour ce qu'il est maintenant:
<ul>
<li><p align="left"> <a href="prfrustyvela.html"> <font color="#FFFFFF"> <font size="+1"> შოთა რუსთაველი </font></a>
<br>
<li><a href="prf.html"> <font color="#FFFFFF"> <font size="+1"> ქართველი მწერლები </font> </a>
<br>
<br>
<li><a href=""> <font color="#FFFFFF"> <font size="+1"> ჩემს შესახებ </font> </a>
<br>
<br>
<li><a href="prfmail.html"> <font color="#FFFFFF"> <font size="+1"> კონტაქტი </font> </a></p>
</ul>
<br> <center><img src="Rustavelis Zegli.jpg" border="10"></center>- Tu peux en effet utiliser un tableau à trois colonnes, une pour la liste de gauche, une pour limage au centre et une pour l'image de droite.
Ou bien avec les css avec trois div, le premier float:left (liste de gauche), le second float:right (liste de droite) et le troisième qui se mettra dans la place restante entre les deux.
Est-ce ces explications te suffiront? - OUI - merci mec
j'ai réussis à le faire.
Par contre encore une question - comment je fais la meme chose, mais dans ce cas la je veux faire des tableux.
J'ai fait ça, mais ça n'a pas marche:
<table border="10" bordercolor=black>
<tr>
<td>
<div style="float:left"> შოთა რუსთაველი
</div>
</td>
</tr>
</table>
<table border="10" bordercolor=black>
<tr>
<td>
<div style="float:right"> შოთა რუსთაველი</div></td></tr>
</table>
Il me le met en bas, quand je fais les tableaux - pourquoi? - Essaie alors
<div style="float:left"> Rustaveli </div> <div style="float:right"> Rustaveli </div> <div><center><img src="Rustavelis.jpg"></center></div>
ou quelque chose d'analogue. Le troisième div se mettra entre les dexy précédents, sauf s'il n'y a pas assez de place, et dans ce cas il se mettrait dessous.
Bonne chance!
-
-
salut,
en plus valide et sans ces horreurs de tableaux tu dois pouvoir le faire tout simplement avec :<div id="three-cols"> <p>blablabla</p> <p><img src="" alt="" width="" height="" /></p> <p>blablabla</p> </div>
et un style :div#three_cols p{ width:33%; float:left; }
c'est pour trois colonnes de même largeur, ça peut s'affiner.
-
