[RÉGLÉ] Remonter mon image top

[alaincharles]

Bonjour,
Mon site : http://www.beaute-marines.alainfournigault.com
Je veux remonter l'image qui se trouve tout en haut.
J'ai réussi à la remonter en supprimant l'espace du bas en écrivant :
<p style="margin-top: -3.05rem; margin-bottom: 0px;"></p>
Pour supprimer l'espace du haut, je ne sais pas comment faire.
Merci pour votre aide,
Bien cordialement,;
Alain

[pmleconte]

Re : Remonter mon image top

Alain,

As-tu essayé au niveau de ton image de "jouer" avec les marges ?

J'ai mis, dans ta classe custom,

<p style="margin: 0;   margin-bottom: 2em;">

Pascal

PS: j'ai ajouté un paramètre sur mon module simple Météo pour déplacer le "actuellement" vers le haut (essaies de mettre -5) et le module alerte météo pour pouvoir modifier la couleur des caractères. Donc tu dois avoir 2 mises à jour sur ton site vexin-classic...

[alaincharles]

Re : Remonter mon image top

Ca annule ma ligne :
<p style="margin-top: -3.05rem; margin-bottom: 0px;"></p>
qui a pour effet de descendre le haut vers le menu !

[alaincharles]

Re : Remonter mon image top

PS: j'ai ajouté un paramètre sur mon module simple Météo pour déplacer le "actuellement" vers le haut (essaies de mettre -5) et le module alerte météo pour pouvoir modifier la couleur des caractères. Donc tu dois avoir 2 mises à jour sur ton site vexin-classic...[/QUOTE]

J'ai téléchargé et mis à jour le nouveau module et le nouveau plug-in. J'ai mis -5.
Qu'en penses-tu ?

[alaincharles]

Re : Remonter mon image top

J'ai téléchargé le module alerte météo, c'est bon pour la couleur

[pmleconte]

Re : Remonter mon image top

Ca annule ma ligne :
<p style="margin-top: -3.05rem; margin-bottom: 0px;"></p>
qui a pour effet de descendre le haut vers le menu !

Tu rajoutes un peu trop de clause <p> que tu supprimes ensuite avec margin + ou -. Le mieux est de n'en mettre qu'un seul comme base et de "jouer" avec.

Avec l'inspecteur firefox, tu peux faire des essais en direct (c'est d'ailleurs comme cela que je procède) en regardant pourquoi l'image descend et en testant les margin, car c'est elles qui nous embêtent.

Dans ton cas, tu veux l'image plus haute: la clause <p> commence par descendre le paragraphe, donc ce qui suit. Si tu ne veux pas que cela descende, peut-être peux-tu éviter de mettre une clause <p> devant ton image ?

Sinon, au niveau des modules météo, c'est quand même mieux. Je n'avais pas pensé à ces "détails" qui m'ont parus évidents dans ta mise en oeuvre. Donc, c'est corrigé.

Pascal

PS: je ne sais pas si mon module météo fonctionne correctement, il ne fait qu'annoncer de la pluie....

[pmleconte]

Re : Remonter mon image top

Alain,

Essaie de mettre margin:0 sur les 2 p de ton modules personnalisés, si tu souhaites les conserver tous les deux.

Pascal

[alaincharles]

Re : Remonter mon image top

Il n'y a rien à faire : je n'y parviens pas.
Voilà ce que je me génère le module en contenu personnalisé :
<p><img src="images/bm-surmenu/sur-menu-version-02.jpg" alt="sur menu version 02" /></p>
Si j'enlève les "p", il n'y a plus rien qui marche.
De temps à temps j'arrive à remonter le bas avec ta première suggestion, mais dans ce cas je n'arrive pas à remonter le haut !
Alain

[pmleconte]

Re : Remonter mon image top

Avec ta configuration actuelle, un margin:0 suffit au niveau du p associé à ton image.

Pascal

[alaincharles]

Re : Remonter mon image top

Avec ta configuration actuelle, un margin:0 suffit au niveau du p associé à ton image.
Pascal

J'y suis enfin arrivé avec :

<p style="margin-top: -25px; margin-bottom: -25px"><img src="images/bm-surmenu/sur-menu-version-02.jpg" alt="sur menu version 02" /></p>

Houra !