alignement texte et image

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : alignement texte et image

Bigon

Avis défavorable

Hello,

J'essaye désespérément d'aligner verticalement une image et du texte tout en alignant l'image à droite.
Pour le moment je fait ca,

Code :

<div><div style="text-align:right">monimage</div>montexte</div>

mais il y a un retour à la ligne après l'image.

Comment je peux donc faire pour que le bas de l'image soit au même niveau que le bas de mon texte?

Merci

Publicité

marker

Core 10 Triplo

Essaye ça:

Code :

<td align="center" valign="top">
<a target="_blank" href="http://www.TON_LIEN_QUANT_TU_CLIQUE_SUR_IMAGE.jpg">
<img src="http://www.TON_IMAGE.jpg" align="right" border="0"></a>
Ton texte
</td>

J'ai ajouter une fonction de redirection quant tu clique sur l'image :jap:

Message cité 1 fois

0uPs

c pas possible

pk ne pas utiliser une feuille de style css sa fais plus propre et je trouve ca beaucoup plus facile. enfin c'est l'avis d'un débutant ^^

Message cité 1 fois

xtof_83

Freeride Spirit

0uPs a écrit :

pk ne pas utiliser une feuille de style css sa fais plus propre et je trouve ca beaucoup plus facile. enfin c'est l'avis d'un débutant ^^

Et tu as raison

tu débutes bien

gatsu35

Blablaté par Harko

marker a écrit :

Essaye ça:

Code :

<td align="center" valign="top">
<a target="_blank" href="http://www.TON_LIEN_QUANT_TU_CLIQUE_SUR_IMAGE.jpg">
<img src="http://www.TON_IMAGE.jpg" align="right" border="0"></a>
Ton texte
</td>

J'ai ajouter une fonction de redirection quant tu clique sur l'image :jap:

Wouah comment tu es trop fort :love:
Je ne veux pas être méchant mais ton code est vraiment moche, exemple simple, on pourrait enlever les 3 quart de ton code très facilement.

Code :

<img src="image">
<a href="#">mon lien</a>

et CSS

Code :

.imgright {overflow:hidden; _overflow:visible; zoom:1} //<== contexte de formatage CSS
.imgright img {float:right}

Et même si ce bout de code ne repond pas à la question et que la personne souhaite conserver une mise en page en tableau (car il n'y a aucune alternative en CSS (a cause de IE))
Voici à quoi devrait ressembler ton code :

Code :

<td>
<a target="_blank" href="http://www.TON_LIEN_QUANT_TU_CLIQUE_SUR_IMAGE.jpg">
<img src="http://www.TON_IMAGE.jpg"></a>Ton texte
</td>

les balises doivent partir à la poubelle d'office
les P, Span sont inutile dans ce cas.
Il faut coller une classe sur le TD et pouf tu fais le reste en CSS

PC-NICE

http://pcnice.free.fr

Bonjour,

Un grand merci à Marker pour son code, car j'ignorais que mettre deux "" dans une cellule de table ("<td>" ) mettait comme il faut l'image et le texte (je cherchais le meme effet pour le site de mon entreprise, style éditorial, avec en hauteur le texte prenant la forme de la table et celle de l'emplacement de l'image).

Merci encore et bonne continuation. :wahoo:

---------------
http://pcnice.free.fr

FORUM HardWare.fr

Programmation

HTML/CSS

alignement texte et image

Sujets relatifs
Problème pour fixer l'image de fond	Background image
[VBA-W] Mettre le texte sur une seule ligne	pb avec document.getElementById(texte).innerhtml
Interface graphique / menu - image	[traitement d'image] suivi de visage dans une vidéo
[C / GTK] "Dessiner" sur une image	Afficher une image ne ASM.
Charger une image via un bouton	[CSS] Alignement image et texte.
Plus de sujets relatifs à : alignement texte et image

Page générée en 0.075 secondes