int(-16776959) int(-16776959) int(-16776959) int(-16776959) int(-16776959) int(-16776959) int(-16776959) Aide - Hauteurs de modules design "deviation"
Contributions Amateurs - Posté le 31/07/10 17:13

Niveau : Privilège
7 messages

Bonjour,

Les modules "Texte libre" du design "DEVIATION" affichent des marges supérieures et inférieures beaucoup trop grandes. Voir ici

Comment réduire ces marges pour obtenir une présentation de ce style

Merci d'avance Djaiz2Naz de tes précieux conseils ...

Les contributions amateurs de Margot & Chaton

Djaiz2Naz - Posté le 03/08/10 07:38

Niveau : Confiance
2300 messages

Bonjour, 


Voici la modification à faire dans ton css pour la marge du haut, retire ou diminue le chiffre de ce que j'ai souligné : 

#top {font-family: 'Georgia'; padding:0px; color:#5E4E38; font-size: 14px; text-align: left; padding-top: 40px; padding-left: 20px; font-weight: normal; font-style: italic; line-height: 23px; /line-height: 25px;}


Voici la modification à faire dans ton code html pour la marge en dessous de la bannière, retire ce que j'ai souligné : 

<p>

    <img src="http://idata.over-blog.com/3/98/59/80/banniere-contributions-amateurs.jpg" alt="banniere-contributions amateurs" class="noAlign" height="150" width="930">&nbsp;

  </p>


Je reviendrais pour la dernière. 

Cliquez ici pour des aides ->

Contributions Amateurs - Posté le 03/08/10 08:27

Niveau : Privilège
7 messages

Super Djaiz2Naz comme ça les marges me plaisent mieux ...Merci beaucoup ... 

Pour la suite si tu peux me trouver une solution ce serait le top ...   

Les contributions amateurs de Margot & Chaton

Djaiz2Naz - Posté le 04/08/10 07:52

Niveau : Confiance
2300 messages

Pour la marge au dessus du menu tu peux faire ça : 

#cl_1_0 div #articleAccueil .divTitreArticle  {display:none}


Pour la marge en dessous de ton adresse électronique, tu peux effacer ce qui en en gras dans la fin du code html de ton module : 

  <table style="width: 99%;" border="0">

    <tbody>

      <tr>

        <td style="text-align: center;">

          <p>

            <span style="font-family: verdana,geneva; color: rgb(255, 0, 255); font-size: 10pt;"><strong>Envoyez le texte et les photos de vos contributions à :</strong></span>

          </p>

          <p>

            <span style="font-family: verdana,geneva; font-size: 10pt;"><strong><a href="mailto:contributions@margot-chaton.com">contributions@margot-chaton.com</a></strong></span>

          </p>

        </td>

      </tr>

      <tr>

        <td>

          &nbsp;

        </td>

      </tr>

    </tbody>

  </table>

(uniquement ce qui est souligné)


Et puis aussi ça dans le css : 

#cl_1_0 div #articleAccueil .afterArticle  {display:none}


Je pense que ça suffira. De toutes les façons, je ne peux pas plus. 

Cliquez ici pour des aides ->

Contributions Amateurs - Posté le 04/08/10 09:11

Niveau : Privilège
7 messages

Djaiz2Naz a écrit :

Pour la marge au dessus du menu tu peux faire ça : 

#cl_1_0 div #articleAccueil .divTitreArticle  {display:none}

Et puis aussi ça dans le css : 

#cl_1_0 div #articleAccueil .afterArticle  {display:none}

 

Merci Djaiz2Naz mais je en trouve pas les deux lignes dont tu me parles ci dessus

Dois je les ajouter à "ma feuille de style personnalisée" ? ... Si oui à quel endroit ? ...

D'avance merci ...

Les contributions amateurs de Margot & Chaton

Djaiz2Naz - Posté le 05/08/10 06:47

Niveau : Confiance
2300 messages

Si une ligne n'existe pas, il faut bien sûr l'ajouter. 

Le mieux est de l'ajouter à un endroit où tu pourras les retrouver donc soit dans la partie du css qui est dédiée à l'article accueil soit à la fin du css. 

Cliquez ici pour des aides ->

Contributions Amateurs - Posté le 05/08/10 08:44

Niveau : Privilège
7 messages

Ça marche merci ...

Les contributions amateurs de Margot & Chaton