Besoin d'aide ? Vous pouvez Consulter le Support ou


Problème image avec le widget "Texte

  1. Bonjour,

    J'ai insérer des icones de réseaux sociaux dans mon widget texte "Franzenlive" dans la barre de droite de mon blog.

    Le problème et que je n'arrive pas à centrer ces images sur une ligne. Actuellement, elles sont l'une en dessous de l'autre.

    Voici ce à quoi ressemble actuellement ce que j'ai fait :

    <p style="text-align:justify;">Franz en Live c'est le site de référence français pour les fans de Franz Ferdinand. Retrouvez tous les jours l'actualité du groupe et venez partager vos impressions avec la communauté francophone des fans de Franz Ferdinand.
    <img class="aligncenter size-full wp-image-162" title="Page Facebook" alt="" src="http://franzenlive.files.wordpress.com/2012/11/facebook.png" height="32" width="34" />
    <img class="aligncenter size-full wp-image-162" title="Page Twitter" alt="" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" height="32" width="34" />
    <img class="aligncenter size-full wp-image-162" title="Flux RSS" alt="" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" height="32" width="34" /></p>

    Pouvee-vous m'aider ?

    L'adresse du blog concerné est franzenlive.com.

  2. Bonjour,
    aligncenter signifie au système qu'il doit centrer quelque chose. Si cette précision concerne le code de chaque image, chacune sera centrée comme vous le demandez.
    De plus, si vous faites un report "à la ligne" dans un widget texte, il opère de la même manière qu'il le ferait pour un texte: il suit vos instructions ;)

    <p style="text-align:justify;">
    <strong>Franz en Live</strong> c'est le site de référence français pour les fans de <strong>Franz Ferdinand</strong>. Retrouvez tous les jours l'actualité du groupe et venez partager vos impressions avec la communauté francophone des fans de <strong>Franz Ferdinand</strong>.</p>
    <p style="text-align:center;">
    <img title="Page Facebook" src="http://franzenlive.files.wordpress.com/2012/11/facebook.png" width="32"/>   <img title="Page Twitter" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" width="32"/>   <img title="Flux RSS" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" width="32"/>
    </p>
  3. Oh doux Jésus, il y a une petite lacune :D
    Il faut ajouter l'url du lien devant chaque image ^^
    Attendrez, je viens les chercher chez vous et je recommence
    (il faut placer les codes entre deux accents graves sur le forum, sinon la moitié des informations sont englouties et c'est le grand… n'importe quoi :)

    …J'arrive...

  4. <p style="text-align:justify;">
    <strong>Franz en Live</strong> c'est le site de référence français pour les fans de <strong>Franz Ferdinand</strong>. Retrouvez tous les jours l'actualité du groupe et venez partager vos impressions avec la communauté francophone des fans de <strong>Franz Ferdinand</strong>.</p>
    <p style="text-align:center;">
    <a href="http://facebook.com/franzferdinandfrance"><img title="Page Facebook" src="http://franzenlive.files.wordpress.com/2012/11/facebook.png" width="32"/>   <a href="http://twitter.com/franzenlive"><img title="Page Twitter" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" width="32"/>   <a href="http://franzenlive.com/feed"><img title="Flux RSS" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" width="32"/>
    </p>
  5. Super ça fonctionne merci beaucoup.

    Pour terminer je trouve que l'espace entre mon widget "Texre" et mon widget "Newsletter" est plus grand comparé aux écarts entre les autres widget ... Y a-t-il une possibilité pour remédier à cela ?

  6. Non, erreur de ma part (quelle belle journée ^^) Je viens de tester: le report à la ligne pour les images n'est pas appliqué. Vous pouvez donc bien marquer ce report, pour plus de facilité lorsque vous voudrez ajouter d'autres icônes, ou pour y voir plus clair, tout simplement. Voilà le bon code (j'espère :)

    <p style="text-align:justify;">
    <strong>Franz en Live</strong> c'est le site de référence français pour les fans de <strong>Franz Ferdinand</strong>. Retrouvez tous les jours l'actualité du groupe et venez partager vos impressions avec la communauté francophone des fans de <strong>Franz Ferdinand</strong>.
    </p>
    <p style="text-align:center;">
    <a href="http://facebook.com/franzferdinandfrance"><img title="Page Facebook" src="http://franzenlive.files.wordpress.com/2012/11/facebook.png" width="32" /></a> 
    <a href="http://twitter.com/franzenlive"><img title="Page Twitter" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" width="32" /></a> 
    <a href="http://franzenlive.com/feed"><img title="Flux RSS" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" width="32" /></a> 
    </p>
  7. Je confirme ça fonctionne merci beaucoup !

  8. Chouette! Avec plaisir ;)

    Petit truc toujours bon à savoir (valable pour tout, images ou texte)
    Pour augmenter l'espace entre les icônes, multiplier les non breaking spaces
    </a>    (par ex) plutôt que </a>  dans ce cas précis

  9. Merci de l'astuce !

    En ce qui concerne ma dernière question :

    Pour terminer je trouve que l'espace entre mon widget "Texre" et mon widget "Newsletter" est plus grand comparé aux écarts entre les autres widget ... Y a-t-il une possibilité pour remédier à cela ?

    Avez vous une solution ?

  10. Pour terminer je trouve que l'espace entre mon widget "Texte" et mon widget "Newsletter" est plus grand comparé aux écarts entre les autres widgets ... Y a-t-il une possibilité de remédier à cela ?

    Non, impossible. J'ai jeté un coup au code source, c'est un paragraphe caché ;)

  11. Très bien ce n'est pas grave !

    Merci de votre aide en tout ca à bientôt :)

  12. (pour info: ce paragraphe caché concerne les métadonnées de souscription (Newsletter). C'est au dessus de ce widget que cet espace est dispensé. Si vous le placez en 1e position, ce sera plus discret) Toujours avec plaisir ;)

  13. Salut !

    Je vous écris en espérant que quelqu'un pourra m'aider.

    J'ai inséré des icônes de média sociaux dans le widget texte HTML.

    Souci : il y a une bordure autour de chaque icône, sauriez-vous comment remédier à ça ?

    Merci d'avance pour votre aide ! ;)

  14. Bonjour,
    Il n'y a pas moyen de supprimer ces petits bords, navrée
    Live Demo Thème Forever http://foreverdemo.wordpress.com
    Toutes les images sont ainsi bordurées sur le thème
    http://foreverdemo.wordpress.com/2012/01
    C'est le choix de son concepteur. Bonne journée :)

Le sujet est fermé.

Ce sujet est fermé.

A propos de ce Sujet

Mots-clés