CSS – Alignement de div (textes et images) (Créer un compte)

  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #547045
    Tche
    Participant
    Chevalier WordPress
    182 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 4.1
    – Version de PHP/MySQL : ?OVH
    – Thème utilisé : twentyfourteen-child
    – Extensions en place : 14
    – Nom de l’hebergeur : OVH
    – Adresse du site : http://tst.allwewish.org

    Problème(s) rencontré(s) : J’essaie d’aligner:

    Soutenez-nous: /// bouton Faire un don /// Suivez-nous: /// 5 Icônes réseaux sociaux

    Dans cet article: http://bit.ly/1DcE6xq

    J’ai essayé avec et sans ul en display block, inline… en position absolute et relative… J’ai lu deux ou trois tutos pour comprendre les différences mais je m’y perds. Pourriez-vous m’aider?

    <div class="followhead">
    <ul id="followtop">
    <li>
    <div class="followon">Soutenez-nous:</div>
    </li>
    <li>
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="4BDB4XTDC3EKS">
    <input type="image" src="http://www.allwewish.org/wp-content/themes/twentyfourteen-child/images/faireundonBlk.png" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !">
    <img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
    </form>
    </li>
    <li>
    <div class="followon">Suivez-nous:</div>
    </li>
    <li>
    <a href="https://www.facebook.com/pages/AllWeWish/169775679716350?ref=ts&fref=ts" title="AllWeWish sur Facebook"><div class="followonfb"></div></a>
    <a href="http://www.pinterest.com/allwewish/" title="AllWeWish sur Pinterest"><div class="followonpi"></div></a>
    <a href="http://www.youtube.com/user/AllWeWish" title="AllWeWish sur Youtube"><div class="followonyt"></div></a>
    <a href="https://plus.google.com/u/0/102246671561003525922/posts" title="AllWeWish sur Google+"><div class="followonggl"></div></a>
    <a href="http://www.allwewish.org/feed/" title="AllWeWish en RSS"><div class="followonrss"></div></a>
    </div>
    </li>
    <li>
    <div id="transpo">
    <?php if(function_exists("transposh_widget")) { transposh_widget(array(), array('title' => ‘Translation’, ‘widget_file’ => ‘flags/tpw_flags_css.php’)); }?>
    </div>
    </div>
    </li>
    </ul>

    Un énorme merci d’avance pour votre aide

    #994207
    mathieu789
    Participant
    Maître WordPress
    1082 contributions

    déjà pour les « li », mets les en « display : inline-block; »
    ainsi, il seront alignés et tu verras déjà un peu mieux comme adapter chaque élément pour que ça soit agréable à utiliser.

    #994208
    Tche
    Participant
    Chevalier WordPress
    182 contributions

    Merci beaucoup Mathieu!!!
    C’est fait. Du inline-block et un peu de margins et le tour est joué grâce à toi!
    Bonne soirée!

3 sujets de 1 à 3 (sur un total de 3)
  • Vous devez être connecté pour répondre à ce sujet.