Comment rajouter un sous-titre ?

**booraq** · 07/12/2014, 18h37

Bonjour à tous,
j'ai utilisé une présentation d'une entête postée dans ce forum qui marche très bien, il s'agit d'une image à droite suivie d'un titre au centre et d'une image à gauche; le code fonctionne à merveille mais je voudrais rajouter un sous-titre juste sous le titre (évidement)...euh manque de pot, je n'ai pas réussit à le faire de moi-même lol...alors ej demande de l'aide...merci...
voici le code d'origine...

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
<!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: center;
        margin: 0;
        padding: 0;
        line-height: 100px;
    }
    
    #entete .sous-titre {       
         margin: 4px 0 15px 0;
    }
     
    </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"> 
			<strong>Caractéristiques:</strong> 
			cours en ligne gratuit et progressif.                 		
	</p>
 
</div>
</body>
</html>

**Muchos** · 08/12/2014, 05h14

Il me semble qu'il suffit de centrer le TEXT-ALIGN du sous-titre.

**johnlobs** · 16/12/2014, 12h36

Bonjour,
je te conseil d'aller faire un petit tour de ce coté:
http://getbootstrap.com/css/

**valaendra** · 16/12/2014, 14h45

Bonjour,

Je ne suis pas certain que Bootstrap (ou tout autre framework) soit la meilleure solution lorsqu'on cherche à apprendre les CSS :-)

**NoSmoking** · 16/12/2014, 22h06

Bonjour,
je partage l'avis de valaendra, il reste important de commencer par les bases

**johnlobs** · 17/12/2014, 16h36

Bonjour à tous,

Je suis tout à fait d’accord avec vous!
Pour apprendre le css il faut bien évidement en connaitre les bases et ceci est valable pour tout.
http://pbnaigeon.developpez.com/tuto...tions-de-base/
Ça sera d'ailleurs vite fait.
Malheureusement ,je ne souhaitait pas faire de la publicité mais plutôt répondre à la question en évoquant le système de grilles de bootstrap :
http://creersonsiteweb.net/page-bootstrap-grille
Mais j'ai du mal m'exprimer(réponse trop simpliste) donc qui convie au quiproquo.

lorsqu'on cherche à apprendre les CSS

Il n'a jamais été question d'apprendre car pour apprendre c'est pas ici qu'il faut s’adresser mais plutôt aller à la section tutos par contre ici on échange des détails techniques et on s'entraide en proposant d’éventuelles solutions...

Je ne suis pas certain que Bootstrap (ou tout autre framework) soit la meilleure solution

...qui ne sont pas forcement les meilleures(à chaque solution son avantage).

Enfin pour clore ce sujet,je suis tout à fait d’accord avec vous mais il n’empêche que des problèmes d'affichages (selon les canaux d'affichage) seront à gérer avec du css brut.
J’espère que ce message restera à vocation informative et n'aura importuné personne!

Bon courage

Comment rajouter un sous-titre ?

CSS

Vue hybride

Discussions similaires

Partager

Partager