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] Des lignes en rouge dans le CSS, je ne trouve pas l'erreur
  • Bonjour,

    Ca fait un bout de temps que je ne suis pas venue sur le forum, mais je me suis enfin décidée à sortir de la version legacy et personnaliser un thème Twenty-Eleven.
    Des heures de boulot pour réajuster tout ça, mais plutôt contente du résultat après avoir connu toutes les versions d’Overblog depuis 2006 ^^
    http://police.etc.over-blog.net/
    mais avec quand même un blog test pour ne pas tout planter et disposer d’un terrain de manœuvres…

    Mais bon, je ne suis pas venue à bout de tout.

    1/ Depuis peu (c'est-à-dire bien après toutes mes grosses modifs du CSS) des balises se sont allumées en rouge dans le CSS, sans toutefois que ça change quoi que ce soit.
    Ce genre de balises :
    {% if Custom is not empty %}
    {% else %}
    {% endif %}
    {% if isSingle %}
    J’ai essayé de détecter d’où ça pouvait venir, en vain c’est toujours en rouge.
    Sur mon blog-test, j’ai supprimé mes dernières modifs, ça n’a rien changé.
    Il s’agissait en dernier du rajout d’un onglet au menu.

    2/ Juste avant ça, il se trouve que j’ai supprimé des pages "brouillon", et ça avant de me rendre compte qu’elles contenaient la mémoire de mon ancienne version de blog avec des liens d’images et autres indispensables.
    J’en ai effacé 1 ou 2, je ne sais plus, je ne sais même pas ce que j’ai effacé, bref j’ai merdé.
    Est-ce qu’il y a une possibilité de récupération de ces pages ??

    3/ Je ne trouve pas le moyen de transporter tout le petit module de recherche du header vers un module. J’en ai bidouillé un en mettant la loupe à la place du bouton "ok", mais je trouve celui de Twenty-Eleven plus joli et plus sobre.
    Màj : J'ai réglé ça en recopiant 3 lignes du CSS dans un module :
    <div id="search"><form class="search" action="/search" method="post"><input type="text" placeholder="Rechercher" value="" name="q" /><input type="submit" value="{{ Lang.Get('Search') }}" /></form></div>
     et avec un ajustement de position dans le CSS.

    4/ Quand j’insère une petite image style icône dans une ligne de texte, il y a un décalage, comme un padding-bottom par rapport à la ligne, et je ne trouve pas où modifier ça.
    Ca donne ça :
    image


    Est-ce que quelqu'un aurait une idée pour l'un ou l'autre de mes problèmes ?

    D'avance merci !! :)
  • Bonsoir

    • 1  -  je n'ai jamais trop bien compris la signification des couleurs du code html.css/twig du blog.
      je me demande si le changement de couleur ne vient pas signaler en fait une modification du code

    • 2 -  Si tu a supprimé une page ou un article en mode brouillon, impossible de le récupérer

    • 3 - tu a trouvé la solution ...bravo     ^:)^   ^:)^

    • 4 -  il y a surement un Padding en effet...peut tu me mettre le lien url d'un article ou le souci est visible sous une icone que je vois ou intervenir en "simulation"



  • Bonsoir Mehdi et merci pour ta réactivité ! :)

    1/ Le coup du rouge dans le css, ce qui m’a perturbée, c’est que c’est venu bien après que j’ai commencé à bidouillé mes modifs.
    Peut-être qu’il faudrait que je remette mes personnalisations en dessous des {if-custom}, c’est peut-être là que ça bug. Je ferai un essai sur mon blog test.

    2/ Tant pis, et heureusement que j’ai pas viré tous ces brouillons de pages !

    3/ Yeah ! la solution était forcément quelque part au milieu des milliards de lignes ! :P

    4/ Voilà l’article dont j’avais fait un screen, c'est à la dernière ligne :
    Légitime déviance
    C’est pas que c’est très utile, mais ça me travaille ce petit padding. Et j’aurais voulu trouver où se situait le réglage dans le CSS.
    En HTML dans l’article, il y a toujours moyen de rajouter un truc genre
    <img src=" "style="padding: -1px;" />
    (non, en fait ça ne marche pas) mais comme le CSS affecte toutes les images, et sur les icons ça se remarque pas mal, enfin bref tu vois ce que je veux dire ^^

    D'avance merci, mais te casse pas la tête, y'a pas d'urgence !

  • tu veux rapprocher le "lire la suite " de BD? c'est bien ça?
  • Non, c'est pas ça ^^
    Je voudrais que l'image soit posée sur la ligne.
    Regarde le screen dans mon premier message, j'ai surligné et on voit qu'il y a un décalage de niveau entre le texte et l'image "link"
  • ok,  je viens de comprendre    :-B    :-\"

    Le souci viens de l'image de la petite chaine................elle est bien sur la meme ligne que le texte mais il y a un espace blanc au dessus et en dessous d'ou l'impression qu'elle remonte un peu



    ce n'est pas une marge mais juste un espace blanc sur l'image haute et basse


  • Oui j'ai bien vu que le "link" a du blanc au dessus et en dessous, mais le décalage dont je te parle c'est celui par rapport à l'axe de la ligne du texte, et qu'on voit bien en surlignant. Ce n'est pas une impression :
    image
  • Bonjour,

    En simulation, je vois ou ce trouve cette petite image sur le html mais je ne trouve pas la partie css la concernant permettant d'ajouter une petite marge haute par exemple


  • Bonjour Mehdi,

    En fait je crois qu'il faudrait créer un class spécial dans le CSS pour le vertical-align des images insérées dans un texte. Et qui n’affecte pas les autres images de l'article. Bref, dans mon cas ça ne vaut pas le coup, ce serait vraiment de la maniaquerie ^^
    Là sur le screen, ça ressemble à un vertical-align: super;

    Pour les trucs rouges dans le CSS, effectivement ça semble être dû aux modifs. No soucy.

    Je pense que tu peux mettre [Résolu] !

    Bon week-end :)

  • Bonsoir,

    bon week end à toi aussi Benedicte

    En cas de nouveau besoin hésite pas

    (Au passage, bonne idée ton image de fond en position basse à gauche)


    Edit : je vois que tu a réussi a régler le souci du positionnement de la petite chaîne


    je vois ta petite chaîne parfaitement aligné de mon pc (avec chrome)