Ecart très important entre une mise en page HTML et du texte
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Ecart très important entre une mise en page HTML et du texte
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 1baptiste
Dernière édition par 1baptiste le Jeu 5 Mar 2015 - 21:55, édité 1 fois
Re: Ecart très important entre une mise en page HTML et du texte
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
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"
Re: Ecart très important entre une mise en page HTML et du texte
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
Sujets similaires
» Écart entre le texte et le fond dans un code CSS
» Mise en page d'une image au sein du texte.
» Cherche ligne à modifier pour insérer un écart entre un bouton et un texte.
» Absence d'écart entre deux éléments de la page d'accueil.
» Problème entre une page html en page d'accueil et l'adresse de base du forum
» Mise en page d'une image au sein du texte.
» Cherche ligne à modifier pour insérer un écart entre un bouton et un texte.
» Absence d'écart entre deux éléments de la page d'accueil.
» Problème entre une page html en page d'accueil et l'adresse de base du forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum