Mettre une image entre deux texte dans HTML
Résolu
Rustaveli
Messages postés
11
Date d'inscription
Statut
Membre
Dernière intervention
-
Rustaveli Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
Rustaveli Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
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.
A voir également:
- Mettre une image entre deux texte dans HTML
- Nombre de jours entre deux dates excel - Guide
- Extraire texte d'une image - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Comment faire deux colonnes indépendantes dans word - Guide
- Editeur html - Télécharger - HTML
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.
salut,
en plus valide et sans ces horreurs de tableaux tu dois pouvoir le faire tout simplement avec :
et un style :
c'est pour trois colonnes de même largeur, ça peut s'affiner.
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.
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>
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?
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?
Bonne chance!
<table border="10" bordercolor=black> <tr><td>ta liste de gauche</td> <td>ton image</td> <td>ta liste de droite</td> </tr> </table>Et tu peux mettre en forme chaque partie.