Bonjour à tous,
voilà je suis nouveau en css :-/ (mais je me soigne) je voudrais faire un entête de page web avec...
-une image à gauche + un titre + en dessous un sous-titre
-la même chose à droite (du même entête)...

Alors ne pesez pas que je voudrais la solution sur un plateau...loin de là, j'ai fait des efforts personnels et voilà où j'en suis arrivé...

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>TEST</title>
    <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
 
    <style type="text/css">
    
    #entete {
        border: 1px solid #000;
        height: 100px;
        width: 100%;
        background: #3399ff;
    }
    
    #entete .imageGauche {
        float:left;
        margin: 20px 20px auto;
    }
 
    #entete .imageDroite {
        float:right;
        margin: 20px 20px auto;
        }
 
    #entete .titre {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.5em;    
        text-align: left;
        margin: 0;
        padding: 0;
        line-height: 100px;
    }
                    
    </style>
</head>
 
<body>
<div id="entete">
 
    <img class="imageGauche" src="new.png" width="60" height="60" alt="" />
    <img class="imageDroite" src="logo.jpg" width="60" height="60" alt="" />
    <h1 class="titre">TITRE</h1>
    <p class="sous-titre">sous-titre</p>   
 
</div>
</body>
</html>

NB: je suis arrivé à mettre une image à gauche et un titre, une image à droite et c'est tout...tout le reste je ne le réussi pas...
c'est à dire mettre le second titre à droite et les deux sous-titres...

je vous demande de l'aide , merci ;-)