alignement texte et image

alignement texte et image - HTML/CSS - Programmation

Marsh Posté le 21-01-2007 à 05:32:41    

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 :
  1. <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 :)

Reply

Marsh Posté le 21-01-2007 à 05:32:41   

Reply

Marsh Posté le 21-01-2007 à 10:45:41    

Essaye ça:
 

Code :
  1. <td align="center" valign="top">
  2. <p align="left"><font color="#FFFFFF" face="Arial" size="2">
  3. <span>
  4. <a target="_blank" href="http://www.TON_LIEN_QUANT_TU_CLIQUE_SUR_IMAGE.jpg">
  5. <img src="http://www.TON_IMAGE.jpg" align="right" border="0"></a></span>
  6. </font><span style="font-family: Arial;">
  7. <font color="#000000" size="2">Ton texte
  8. </font></span></td>

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

Reply

Marsh Posté le 21-01-2007 à 18:49:43    

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 ^^

Reply

Marsh Posté le 21-01-2007 à 18:53:32    

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   :)

Reply

Marsh Posté le 21-01-2007 à 19:28:15    

marker a écrit :

Essaye ça:
 

Code :
  1. <td align="center" valign="top">
  2. <p align="left"><font color="#FFFFFF" face="Arial" size="2">
  3. <span>
  4. <a target="_blank" href="http://www.TON_LIEN_QUANT_TU_CLIQUE_SUR_IMAGE.jpg">
  5. <img src="http://www.TON_IMAGE.jpg" align="right" border="0"></a></span>
  6. </font><span style="font-family: Arial;">
  7. <font color="#000000" size="2">Ton texte
  8. </font></span></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 :
  1. <p class="imgright">
  2. <img src="image">
  3. <a href="#">mon lien</a>
  4. </p>


et CSS

Code :
  1. .imgright {overflow:hidden; _overflow:visible; zoom:1} //<== contexte de formatage CSS
  2. .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 :
  1. <td>
  2. <a target="_blank" href="http://www.TON_LIEN_QUANT_TU_CLIQUE_SUR_IMAGE.jpg">
  3. <img src="http://www.TON_IMAGE.jpg"></a>Ton texte
  4. </td>


les balises <font> 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

Reply

Marsh Posté le 20-03-2007 à 16:03:49    

Bonjour,
 
Un grand merci à Marker pour son code, car j'ignorais que mettre deux "<span>" 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
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed