Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Images pages d'accueil
  • Bonjour Medhi, 

    J'ai encore besoin de tes lumières :) 

    Premièrement : J'ai agrandi la largeur de mon blog test (http://blogtestml.over-blog.com/) J'ai réussi à center l'avatar, le titre du blog et même le slideshow .
    En ce qui concerne les images je n'arrive pas il y a un décalage comme sur la photo. Il doit certainement y avoir une histoire de margin-left ?

    imageimage



    Deuxièmement : Serait-il possible d'aligner le titre du module (copyriht) à la même hauteur que le titre de l'article) ? Sur la photo on voit un décalage.  

    Merci d'avance pour ta coopération si précieuse. 

    *image


    ;)
  • Bonjour,

    peut tu enlever le blocage du clique droit de la souris sur ton blog test....je ne peux pas lancer une "inspection" du code


  • Voilà c'est fait, désolée, c'est par habitude LOL 
  • Bonjour

    pour centrer les images en accueil,  test 


    #home_featured2 .imgholder {   margin-left: 33px; }


  • pour faire remonter le "copyright" test une marge haute négative


    .sidebar .widget-title { margin-top: -25px; }


  • Super ça marche !!! merci 


    Pour les images impeccables aussi mais Il faut aussi décaler le titre et le résumé 
    ;)
  • Bonsoir,

    je vois que tu y ai arrivé toute seule......    ^:)^      ^:)^


  • ben  non LOL
    regarde bien les titres des articles et le résumé ne sont pas centrés par rapport à l'image 
    ;)

  • Re bonsoir,

    Avant style tu ajoute ces 2 lignes:

    #home_featured2 h2 a {  margin-left: 50px; }

    #home_featured2 p { margin-left: 50px; }


    Tu peux affiner bien sur le 50 px de marge gauche  ;)



  • Bonjour Medhi,

    J'ai fait comme tu as dit mais ça ne marche pas 
    :-S
  • au lieu de mettre une diese # tente avec un point

    .home_featured2 h2 a {  margin-left: 50px; }

    .home_featured2 p { margin-left: 50px; }