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
  • ML ML
    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


    ;)
  • Mehdi.Mehdi.
    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


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

    pour centrer les images en accueil,  test 


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


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


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


  • ML ML
    Super ça marche !!! merci 


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

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


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

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



  • ML ML
    Bonjour Medhi,

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

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

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



  • Mehdi.Mehdi.

    au pire, tu cherche

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

    et

    home_featured2 p { margin-left: 50px; }


    dans le code et tu ajoute le margin-left


  • ML ML
    J'ai essayé avec ça avant </style>

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

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

    Cela ne fonctionne pas.

    J'ai donc fait ça :


    #home_featured2 h2 a {
    color: #000;
    display: block;
    font-size: 24px;
    max-width: 270px;
    padding: 0 10px;
    text-align: left;
    word-wrap: break-word;
      margin-left: 50px;
     
    }
    #home_featured2 p {
    margin:0;
    padding:0 10px;
    text-align: center;
     margin-left: 50px;
      
    cela ne fonctionne toujours pas. 

    J'ai peut être mal compris ??? 
  • ML ML
    J'ai réussi à centrer le titre des articles avec ce code avant </style>

    #home_featured2 h2, .post-title {
    margin-left: 70px; 
        }

    Il me faudrait pour code htlm pour le résumé stp ? 
  • ML ML
    j'ai rajouté ton code  pour le résumé et ça fonctionne maintenant 

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

    ;)
  • Mehdi.Mehdi.

    tant mieux,



Rédiger un commentaire