Placer une image dans une div qui comporte une balise h1

**scoubi77** · 28/09/2012, 18h51

Bonsoir à tous et à toutes,

j'ai besoin d'un petit coup de main car je n'arrives pas à placer une image dans un div qui comporte une balise h1

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
        body { 
                background: #FFFFFF; 
                color: #000000;
                font-family: Verdana ;
        }
        h1 { 
                font-size:1.5em;
        }
                
        
    
    #entete {
                text-align: Left;
                width: auto;
                height:80px;
        background: #FFFFF;
                border-radius: 20px;
                padding: 20px;
                margin: 20px 5px;
                 -moz-box-shadow:0 0 10px #555;
  -webkit-box-shadow:0 0 10px #555;
  box-shadow:0 0 10px #555;
        }
        #corps {
                text-align: right;
        width: auto px;
                height:80px;
        background: #FFFFF;
                border-radius: 20px;
                padding: 20px;
                margin: 20px 10px;
         -moz-box-shadow:0 0 10px #555;
  -webkit-box-shadow:0 0 10px #555;
  box-shadow:0 0 10px #555;
        }
        #piedDePage {
                width: auto ;
                height:80px;
        background: #FFFFF;
                border-radius: 20px;
                padding: 20px;
                margin: 15px 5px;
                 -moz-box-shadow:0 0 10px #555;
  -webkit-box-shadow:0 0 10px #555;
  box-shadow:0 0 10px #555;
        }
        p {
                text-align: left;
        }
</style> 
</head>
<body>
<div>
    <div style="text-align:left" id="corps">
    	<FONT FACE="Castellar" size="2"><H1><B>text1  <FONT FACE="Castellar" size="3"><p align="right"><B>text2</B></P></DIV>
 
 
 
    </div></div>
</body>
</html>

je voudrais placer dans le div une image centrée a droite et je n'y arrive pas

Merci par avance

**Bovino** · 28/09/2012, 19h16

Ton code HTML ne ressemble à rien !
Tu fais de la soupe de balises sans respecter aucune règle de base du HTML, du coup, ne t'étonne pas si rien ne s'affiche comme souhaité !

**scoubi77** · 28/09/2012, 20h09

Bonsoir

j'ai uniquement copié des morceaux du code
sur la partie concernée par mon problème

**NoSmoking** · 28/09/2012, 21h30

Bonsoir,
et elle est où cette image, point vu dans ton code ?

**scoubi77** · 28/09/2012, 21h45

Bonsoir Nosmoking et merci pour ta réponse,je ne l'ai pas écrite car enfait n'arrivant a rien je l'ai éffacée du code
c'est une image de 50x100 que je voudrais incérer dans le div et qu'il soit centré a droite.
En tout cas merci de regarder mon problème et de me parler gentiment

**Bovino** · 28/09/2012, 21h48

qu'il soit centré a droite

Heu... à un moment, il va falloir choisir son camp !

de me parler gentiment

Si c'est à moi que ça s'adresse, alors désolé, mais je n'ai pas trouvé de formulation "gentille" pour te dire que ton code HTML est horrible et t'empêche d'obtenir un rendu garantit...

**scoubi77** · 28/09/2012, 21h54

Bonsoir,

j'ai juste demandé de l'aide en copiant les morceaux du code css et html corespondant à la partie ou je rencontre un problème, ce n'est pas la totalité de ma page.
Je pense avoir demandé poliment de l'aide en exposant mon problème et en respectant les régles de savoir vivre ainsi que celles du forum.

Effectivement j'ai été maladroit pour le choix du mot centré et je m'en escuse, je voulais dire qu'il ne sorte pas du div et qu'il soit a droite et
a l'intérieur de ce dernier

Cordialement Scoubi

**NoSmoking** · 28/09/2012, 22h43

tu peux faire un truc dans ce style

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[...]</title>
<style>
#titre{
  border:1px solid #e0e0e0;
  padding: 0 1em;
  line-height:50px; /* hauteur de l'image */
}
#titre img{
  height:50px;  /* hauteur du H1, c'est pour l'exemple */
  float:right;  /* direction à droite */
}
</style>
</head>
<body>
<h1 id="titre">
  <img src="http://www.developpez.net/template/images/logo.png" alt="www.developpez.net">
  Forum des professionnels en informatique
</h1>
</body>
</html>

voire mettre ton image en background si elle n'est là que pour l'esthétisme.

**scoubi77** · 29/09/2012, 08h56

Bonjour et merci je vais essayer ce que tu me propose, c'est un petit logo que je veux implanter dans la bannière, j'essaie cela ce week-end et je te tiens au courant.
Un grand merci pour tout
Cordialement
Scoubi

**scoubi77** · 01/10/2012, 19h23

Bonsoir Nosmoking,

un grand merci ça fonctione très bien et je t'en remercie infiniment.
j'ai réussi à adapter a mon problème ce que tu m'a proposé
je vais donc fermer ce topic et poser une autre question dans un autre topic
Amicalement

Scoubi

Placer une image dans une div qui comporte une balise h1

Positionnement en CSS

Discussions similaires

Partager

Partager