Problème image avec le widget "Texte

  • Auteur
    Articles
  • #26032

    nashdrell
    Membre

    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.

    #26196

    lilmaouz
    Membre

    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"/> &nbsp; <img title="Page Twitter" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" width="32"/> &nbsp; <img title="Flux RSS" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" width="32"/>
    </p>
    #26197

    lilmaouz
    Membre

    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…

    #26198

    lilmaouz
    Membre
    <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"/> &nbsp; <a href="http://twitter.com/franzenlive"><img title="Page Twitter" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" width="32"/> &nbsp; <a href="http://franzenlive.com/feed"><img title="Flux RSS" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" width="32"/>
    </p>
    #26200

    nashdrell
    Membre

    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 ?

    #26201

    lilmaouz
    Membre

    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>&nbsp;
    <a href="http://twitter.com/franzenlive"><img title="Page Twitter" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" width="32" /></a>&nbsp;
    <a href="http://franzenlive.com/feed"><img title="Flux RSS" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" width="32" /></a>&nbsp;
    </p>

    #26202

    nashdrell
    Membre

    Je confirme ça fonctionne merci beaucoup !

    #26203

    lilmaouz
    Membre

    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>&nbsp;&nbsp;&nbsp; (par ex) plutôt que </a>&nbsp; dans ce cas précis

    #26204

    nashdrell
    Membre

    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 ?

    #26205

    lilmaouz
    Membre

    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é ;)

    #26206

    nashdrell
    Membre

    Très bien ce n’est pas grave !

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

    #26207

    lilmaouz
    Membre

    (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 ;)

    #26387

    nas0wl
    Membre

    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 ! ;)

    #26388

    nas0wl
    Membre
    #26424

    lilmaouz
    Membre

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

The topic ‘Problème image avec le widget "Texte’ is closed to new replies.