Texte à gauche et image à droite

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
Bonjour,

J'ai créé dans une page HTML des liens alignés à gauche, comment puis-je mettre, sur la même ligne, une image alignée à gauche ?

Merci ...

Romain
Configuration: Windows XP
Firefox 3.0.8
Nvu

3 réponses

  1. benj
     
    bonsoir,

    poste ton code ce sera plus simple
    1
  2. Utilisateur anonyme
     
    <div style="text-align: left;"><small
    style="color: rgb(0, 0, 0);"><span
    style="font-style: italic;"><span
    style="text-decoration: underline;">Accès directs:</span></span><span
    style="font-style: italic;">  
    <a href="menu.html" target="contenu">Accueil</a>
     <a href="galerie.html" target="contenu">Galerie</a>
     <a href="infos.html" target="contenu">Infos
    & Contacts</a></span></small><a
    href="infos.html" target="contenu"><small
    style="color: rgb(0, 0, 0);"><span
    style="font-style: italic;"></span></small></a><small
    style="color: rgb(0, 0, 0);"><img
    style="border: 0px solid ; width: 74px; height: 37px; float: right;"
    alt="" src="../logo.jpg" vspace="0"></small><a
    href="infos.html" target="contenu"><small
    style="color: rgb(0, 0, 0);"><span
    style="font-style: italic;">
    </span>
    </small>
    </a>
    </div>

    Y'a les liens à gauche et l'image à droite, mais elle est pas alignée en haut
    0
  3. benj
     
    je l'ai un peu nettoyé et j'ai trouvé 2 solution: je ne sais pas laquelle des deux est meilleur je te laisse en juger par toi même, la première est moins "manipulable" ou plutôt moins facilement, et la seconde et un peu plus long en html mais moins en css...

    <div style="text-align: left;">
    	<p>
    		<small><em>
    			<span style="text-decoration: underline;">Accès directs:</span>
    			<a href="menu.html" target="contenu">Accueil</a>
    			<a href="galerie.html" target="contenu">Galerie</a>
    			<a href="infos.html" target="contenu">Infos & Contacts</a>
    		</em></small>
    		<img style="border:none; width:74px; height: 37px; position:relative; float:right; top:-25px; " alt="" src="../logo.jpg" vspace="0">
    	</p>
    </div> 
    
    <!-- OU -->
    
    <div>
    	<table style="width:100%; border-collapse:collapse;">
    		<tr>
    			<td>
    				<small><em>
    					<span style="text-decoration: underline;">Accès directs:</span>
    					<a href="menu.html" target="contenu">Accueil</a>
    					<a href="galerie.html" target="contenu">Galerie</a>
    					<a href="infos.html" target="contenu">Infos & Contacts</a>
    				</em></small>
    			</td>
    			<td style="text-align:right;"><img style="border:none; width:74px; height: 37px;" alt="" src="../logo.jpg" vspace="0"></td>
    		</tr>
    	</table>
    </div>


    test les deux et voit...
    0
    1. Utilisateur anonyme
       
      La première solution me convient parfaitement ...

      Merci beaucoup benj !
      0