1. Pour Black Friday on FRACASSE les prix ⚡ avec RM Tech Découverte
    Rejeter la notice

Alignement CSS + image

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par pleindeblagues, 17 Novembre 2012.

  1. pleindeblagues
    pleindeblagues WRInaute impliqué
    Inscrit:
    4 Mars 2010
    Messages:
    565
    J'aime reçus:
    0
    Bonjour,

    J'ai un problème d’alignement sur ma HomePage voir cette adresse

    Code:
    http://www.unpoildanslamain.fr
    en gros, j'ai le Like FB et le Tweet sur chaque article, ainsi que le prix de l'article. Or j'aimerai que le prix soit afficher au mm niveau que le like et sur la droite, pas en dessous comme maintenant. voici mon code :

    Code:
    <div align="left">
    <iframe src="https://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:20px;"></iframe></div>
    <div align="left"><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
       <a href="http://twitter.com/share" class="twitter-share-button"
          data-url="<?php the_permalink(); ?>"
          data-via="unpoildanslamai"
    data-related="syedbalkhi:Founder of WPBeginner"
          data-text="<?php the_title(); ?>
          data-count="horizontal">Tweet</a>
    </div></div>
    <div id="prix"><?php the_field(prix);?></div>
    La div prix dans le CSS est celle-ci

    Code:
    div#prix {
        float: right;
        height: 60px;
    }
    J'aimerai aussi en plus de l'alignement, qu'une petite image style billet, monnais ou caddie s'affiche à coté de chaque prix.

    Pourriez vous m'aider ?
     
  2. pleindeblagues
    pleindeblagues WRInaute impliqué
    Inscrit:
    4 Mars 2010
    Messages:
    565
    J'aime reçus:
    0
    Voila, mieux vaut un dessin que des mots... Alors voici un imprim écran. Merci pour vos réponses.

    [​IMG]
     
  3. bossboss
    bossboss WRInaute occasionnel
    Inscrit:
    28 Août 2004
    Messages:
    344
    J'aime reçus:
    0
    Code:
    "<?php the_field(prix);?>
    Si tu mets ceci dans le div reprenant les bouton like, tweet,...
     
  4. Doc Lecter
    Doc Lecter WRInaute occasionnel
    Inscrit:
    20 Octobre 2008
    Messages:
    291
    J'aime reçus:
    0
    dans ton css ajoute un margin-top avec une valeur négative si besoin
    pour le caddie rien de plus simple, ajoute un background avec l'url de l'image
     
  5. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    ou en float gauche et droite voir dans une table ...
     
Chargement...
Similar Threads - Alignement CSS image Forum Date
Interro surprise pour les rois du CSS : Alignement en diagonale Développement d'un site Web ou d'une appli mobile 23 Juillet 2015
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
menu horizontal défilant en css...un problème d'alignement Développement d'un site Web ou d'une appli mobile 1 Novembre 2010
Problème d'alignement vertical en css Développement d'un site Web ou d'une appli mobile 14 Septembre 2010
css alignement input IE et firefox : perte de cheveux ! RESOLU Développement d'un site Web ou d'une appli mobile 5 Janvier 2010
Alignement des images dans une galerie de miniatures Développement d'un site Web ou d'une appli mobile 23 Janvier 2015
Alignement champ et fenêtre auto-completer Développement d'un site Web ou d'une appli mobile 29 Mars 2011
probleme alignement bouton en html Développement d'un site Web ou d'une appli mobile 14 Décembre 2010
Auto-Alignement d'une page web Développement d'un site Web ou d'une appli mobile 28 Octobre 2010