Ecart très important entre une mise en page HTML et du texte

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Ecart très important entre une mise en page HTML et du texte

Message par horusbk Jeu 5 Mar 2015 - 21:01

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://themazerunner-forum.fr/

Description du problème

J'ai créé des petite présentation pour mes partenaires sur mon forum. C'est une image créé sous Photoshop et modifiée sous Gimp pour l'insertion d'une "map" permettant de cliquer sur des objets définis. En l’occurrence ici, les logos des réseaux sociaux qui dirigent vers les comptes concernés. En dessous, j'ai ajouté ce petit texte à l'attention des membres :

Pour visiter un site, cliquez sur l'image de votre choix.


Comme vous pouvez le voir ici l'écart entre l'image et le texte est important. Mon objectif est de mettre le texte juste en dessous. Pour m'aider, je vous inclus le code de ce message mais sachez que chaque présentation du partenariat de mon forum est monté de la même façon.

Code:
[center]<img src="http://i38.servimg.com/u/f38/19/03/94/82/fandom10.png" width="1000" height="324" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Baptiste -->
<area shape="rect" coords="757,151,851,244" alt="Ask de Fandommovies" href="http://ask.fm/fandommovies" />
<area shape="poly" coords="144,211,162,220,196,220,229,203,242,183,249,161,249,150,259,138,247,141,257,129,243,133,226,126,211,130,201,143,201,156,185,154,163,142,150,132,148,150,157,162,147,160,152,175,166,184,155,185,167,198,179,201,174,206,161,210,152,210" alt="Twitter de Fandommovies" href="http://twitter.com/fandommovies" />
</map>[/center]

[center][h3][size=18][color=#000099][font=Times New Roman]Pour visiter un site, cliquez sur l'image de votre choix.[/font][/color][/size][/h3]
[/center]

En vous rerciant pour votre aide Wink 1baptiste


Dernière édition par 1baptiste le Jeu 5 Mar 2015 - 21:55, édité 1 fois
horusbk

horusbk
*****

Masculin
Messages : 625
Inscrit(e) le : 14/02/2015

http://horus.forumactif.com/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ecart très important entre une mise en page HTML et du texte

Message par IzumiRK Jeu 5 Mar 2015 - 21:52

Bonjour,

Commence par te débarrasser de tous les espaces entre tes deux balises center. Comme ce n'est pas du pur html, il prend aussi en compte les saut de lignes.

Sinon, tu peux rajouter un margin négatif en-dessous de ton image
Code:
style="margin-bottom:-Xpx"
. Mais pour ça, tu devras ranger ton image dans un div au minimum (vu que les margin ne fonctionnent que sur les blocs). Et ça t'évite de retirer les sauts de ligne entre tes center et d'avoir un code tout condensé.
IzumiRK

IzumiRK
****

Messages : 206
Inscrit(e) le : 25/02/2015

http://indare.forumactif.com/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ecart très important entre une mise en page HTML et du texte

Message par horusbk Jeu 5 Mar 2015 - 21:55

Super ! Merci pour cette réponse rapide, j'ai réussi sans insérer le code. En fait j'ai enlevé les 5 premières lignes commençant par "<!-- #$". Merci
horusbk

horusbk
*****

Masculin
Messages : 625
Inscrit(e) le : 14/02/2015

http://horus.forumactif.com/
horusbk a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum