Espace au dessus et sous des images.
Résolu
killer-west
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
killer-west Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
killer-west Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
Salut à tous !
Je suis en train de créer mon site web en html.
Donc j'ai fais une maquette avec photoshop que j'ai découpé,
et je l'ai intégré dans mon code html.
Le problème est que j'ai mis un image de fond en repeat-y avec un texte par dessus.
Mais un saut de ligne s'intègre au dessus de l'image et en dessous.
Est-ce le texte ou l'image de fond qui génère ce saut de ligne ?
Comment le résoudre ?
Un petit screen pour comprendre:
http://img199.imageshack.us/img199/2329/espacesdel.jpg
Merci d'avance !
Je suis en train de créer mon site web en html.
Donc j'ai fais une maquette avec photoshop que j'ai découpé,
et je l'ai intégré dans mon code html.
Le problème est que j'ai mis un image de fond en repeat-y avec un texte par dessus.
Mais un saut de ligne s'intègre au dessus de l'image et en dessous.
Est-ce le texte ou l'image de fond qui génère ce saut de ligne ?
Comment le résoudre ?
Un petit screen pour comprendre:
http://img199.imageshack.us/img199/2329/espacesdel.jpg
Merci d'avance !
A voir également:
- Espace au dessus et sous des images.
- Espace insécable - Guide
- Espace de stockage gmail plein - Guide
- Des images - Guide
- Espace stockage google - Guide
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit les textes ne doivent pas être en retrait à droite et à gauche après ces modifications, sur quelle page se trouve le titre « la cheminée » dans le chapitre « informations diverses » ? - Guide
6 réponses
Alors j'ai pas tout compris
Mais je pense que cela vient du <p> un nouveau paragraphe génère toujours un saut de ligne donc essayé de l'enlevai (ton site ne sera plus valide W3C mais tu pourra au moins voir si c'est sa)
Bonne journée
Mais je pense que cela vient du <p> un nouveau paragraphe génère toujours un saut de ligne donc essayé de l'enlevai (ton site ne sera plus valide W3C mais tu pourra au moins voir si c'est sa)
Bonne journée
Voilà le code source:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Site |Accueil</title>
<style>
body {
background-color: d5d5d5;
margin-left: 20%;
font-family: Arial;
color: ebe894;
font-size: 14px;
padding: 0 0 0 0;
}
#corps {
background-image:url("images/accueil/fond.jpg");
background-repeat: repeat-y;
margin-top: 0px;
}
#corps p {
margin-left: 10px;
}
#header {
margin-bottom: 0px;
}
</style>
</head>
<body>
<div id="header">
<img src="images/accueil/header.jpg" alt="header"><br />
<img src="images/accueil/menu-0.jpg" alt="menu0"><img src="images/accueil/menu-1.jpg" alt="menu1"><img src="images/accueil/menu-2.jpg" alt="menu2"><img src="images/accueil/menu-3.jpg" alt="menu3"><br/>
</div>
<div id="corps">
<p>Texte de test</p>
</div>
<div id="bas">
<img src="images/accueil/bas.jpg" alt="bas">
</div>
</body>
</html>
Merci, voilà la solution:
Mettre le code css suivant à la balise <p> concernée en style:
Merci encore !!!
Mettre le code css suivant à la balise <p> concernée en style:
display: inline;
Merci encore !!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
