Problème avec une image
Gryfon
Messages postés
302
Date d'inscription
Statut
Membre
Dernière intervention
-
notobe Messages postés 2222 Statut Membre -
notobe Messages postés 2222 Statut Membre -
Bonjour,
J'essaye de créer un site malgré mes compétances médiocres en HTML. Ce site est un vrai défis pour moi et j'essaye de faire de mon mieux. Voilà, j'ai insérer une image dans un div, mais celle-ci dépasse du div, voici ce que j'ai :
http://www.noelshack.com/up/aac/1-9bc015cb49.jpg
J'aimerais virer l'espace entre l'image et le div ( espace gauche) Seulement, je sais pas comment faire. Ce serait bien que le div s'adapte à la taille de l'image. Voici mon code pour le div :
Et voici le CSS du Div
Ce serait bien gentil de m'aider ^^ Thanks !
--
*Gryfon*
Graphiste et codeur.
J'essaye de créer un site malgré mes compétances médiocres en HTML. Ce site est un vrai défis pour moi et j'essaye de faire de mon mieux. Voilà, j'ai insérer une image dans un div, mais celle-ci dépasse du div, voici ce que j'ai :
http://www.noelshack.com/up/aac/1-9bc015cb49.jpg
J'aimerais virer l'espace entre l'image et le div ( espace gauche) Seulement, je sais pas comment faire. Ce serait bien que le div s'adapte à la taille de l'image. Voici mon code pour le div :
</div> <div id="corps"><p><img src="http://www.noelshack.com/up/aac/1-9d4b37319.jpg"/></p> </div>
Et voici le CSS du Div
#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
}
#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
background-image: url("images/titre.png");
background-repeat: no-repeat;
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
Ce serait bien gentil de m'aider ^^ Thanks !
--
*Gryfon*
Graphiste et codeur.
Configuration: PIV 2200MHz 1.5Go de ram carte graphique Ati Radeom Saphire HD 2400 Pro 512 mo de mémoire vive 150 giga en disque dur interne 500 gigas disque dur externe
A voir également:
- Problème avec une image
- Légende image word - Guide
- Rechercher une image - Guide
- Reduire taille image - Guide
- Image iso - Guide
- Detourer une image - Guide
2 réponses
Je vois deux problèmes potentiels :
1. Le padding de 5 px du div #corps qui crée donc une marge intérieure
2. Le paragraphe, dans lequel est inséré l'image, qui a lui aussi des marges potentielles.
Il faudrait donc essayer de mettre le padding de 5 pixels à 0, et de déclarer en plus dans la CSS :
1. Le padding de 5 px du div #corps qui crée donc une marge intérieure
2. Le paragraphe, dans lequel est inséré l'image, qui a lui aussi des marges potentielles.
Il faudrait donc essayer de mettre le padding de 5 pixels à 0, et de déclarer en plus dans la CSS :
#corps p {
margin:0;
padding:0
}
