aligner une image sur une ligne de texte

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par julk, 8 Juin 2006.

  1. julk
    julk WRInaute occasionnel
    Inscrit:
    12 Mars 2004
    Messages:
    443
    J'aime reçus:
    0
    salu
    je cherche un moyen propre de faire en sorte qu'une icone soit centré verticalement par rapport à une ligne de texte.
    par exemple :

    pas ça
    ----
    ----
    ---- texte

    mais ça
    ----
    ---- texte
    ----
     
  2. Zim'
    Zim' WRInaute impliqué
    Inscrit:
    27 Avril 2006
    Messages:
    599
    J'aime reçus:
    0
  3. The ghost
    The ghost Nouveau WRInaute
    Inscrit:
    9 Juin 2006
    Messages:
    28
    J'aime reçus:
    0
    Bonjour,

    Utilises

    Code:
        <ul class="puce">
            <li>Ton texte</li>
         </ul>
    
    et dans Css:

    Code:
    
    .puce 
    {
       list-style-image: url("ton image.jpg");
       etc ...
    
    }
    
     
  4. FlorentP
    FlorentP WRInaute discret
    Inscrit:
    25 Juin 2005
    Messages:
    131
    J'aime reçus:
    0
    Utiliser une liste ça n'a aucun sens pour ce genre d'application...

    Le texte à aligner, c'est un paragraphe ou juste une ligne ?
     
  5. trouvechien
    trouvechien WRInaute discret
    Inscrit:
    31 Mai 2006
    Messages:
    92
    J'aime reçus:
    0
    Moi j'utilise ça :
    Code:
    <p><img align="absmiddle" border="0" src="http://www.toto.com/image.gif">Texte</p>
     
  6. reglysse
    reglysse WRInaute discret
    Inscrit:
    19 Avril 2006
    Messages:
    146
    J'aime reçus:
    0
    Tu peux aussi faire du html tout con :

    Code:
    <img src="https://www.webrankinfo.com/images/wri/webrankinfo.png" width=92 height=92 border=0 align="middle" />Test
     
  7. The ghost
    The ghost Nouveau WRInaute
    Inscrit:
    9 Juin 2006
    Messages:
    28
    J'aime reçus:
    0
    Et quand tu l'utilises pour un menu ça a un sens ?
     
  8. The ghost
    The ghost Nouveau WRInaute
    Inscrit:
    9 Juin 2006
    Messages:
    28
    J'aime reçus:
    0
    Au fait, il me semble que absmiddle et middle ne passent que sous IE
     
  9. trouvechien
    trouvechien WRInaute discret
    Inscrit:
    31 Mai 2006
    Messages:
    92
    J'aime reçus:
    0
    absmiddle passe sous IE (par contre avec middle j'avais un pbme sous IE car l'image n'était pas centrée verticalement par rapport au texte...)
     
  10. FlorentP
    FlorentP WRInaute discret
    Inscrit:
    25 Juin 2005
    Messages:
    131
    J'aime reçus:
    0
    Ca a du sens pour une liste, c'est tout, par pour le problème posé dans ce sujet :?
     
  11. FlorentP
    FlorentP WRInaute discret
    Inscrit:
    25 Juin 2005
    Messages:
    131
    J'aime reçus:
    0
    sinon, si ce n'est que pour une ligne de texte, style="vertical-align:middle" ça devrait faire l'affaire, non ?
     
  12. The ghost
    The ghost Nouveau WRInaute
    Inscrit:
    9 Juin 2006
    Messages:
    28
    J'aime reçus:
    0
    C'est bon pour un tableau et peut être IE, la solution li c'est à ma connaissance la seule qui fonctionne sur l'ensemble des navigateurs (je crois) et qui ne soit pas une usine à gaz ... ce n'est peut être pas orthodoxe mais c'est valide !!

    Sinon, je suis preneur de toute autre méthode.

    Cordialement.
     
Chargement...
Similar Threads - aligner image ligne Forum Date
[CSS] Aligner une image à coté d'une div en display:table-cell ? Développement d'un site Web ou d'une appli mobile 2 Mai 2012
Aligner des checkboxradio jQuery Développement d'un site Web ou d'une appli mobile 7 Mars 2020
Aligner un span à droite Administration d'un site Web 12 Avril 2008
[Résolu] Bien aligner un texte Administration d'un site Web 19 Janvier 2008
Problème CSS2 : aligner un label et un input Développement d'un site Web ou d'une appli mobile 7 Avril 2006
Comment vont ils s'aligner Crawl et indexation Google, sitemaps 11 Mars 2006
[CSS] Aligner verticalement un texte dans un bloc div Administration d'un site Web 3 Juin 2004
grande image centrer verticalement dans DIV avec largeur variable de l'ecran Développement d'un site Web ou d'une appli mobile Hier à 15:58
Liens en do follow ou no follow pour créditer les images ? Netlinking, backlinks, liens et redirections 14 Mai 2022
Images upscalées ou downscalées et le SEO Débuter en référencement 6 Mai 2022
Shopify : images hébergées sur CDN, en dehors du nom de domaine YouTube, Google Images et Google Maps 4 Mai 2022
URL rewriting d'images URL Rewriting et .htaccess 22 Janvier 2022
Quota d'images sur une page Débuter en référencement 10 Janvier 2022
Utiliser plusieurs fois une même image sur un site YouTube, Google Images et Google Maps 3 Janvier 2022
images en responsive, balises et rapidité de chargement Développement d'un site Web ou d'une appli mobile 20 Décembre 2021
problème avec la mise en cache des images de mon site Développement d'un site Web ou d'une appli mobile 19 Décembre 2021
référencement image sur imgbox, Imgur Débuter en référencement 8 Novembre 2021
Duplicate images pour déclinaisons de produits Débuter en référencement 20 Octobre 2021
Référencement - nom des fichiers images Débuter en référencement 22 Septembre 2021
URL image située sur un autre site ou sous-domaine YouTube, Google Images et Google Maps 17 Septembre 2021