Discussion :

[jmde]

Bonjour,

Je voudrais obtenir cette présentation pour mon texte que je n’arrive pas à réaliser

La lettre L et le reste du texte doit avoir un espace par rapport au div #Sigle et #Video
La classe .lettre et .texte doit être sur la même ligne


CSS

Code :

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
#Milieu {
	float: left;
	padding-top: 0px;
	margin-right: 0px;
	margin-top:0px;
	background-color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	font-weight: normal;
	}
 
#Sigle {
    float:left;
	margin-bottom:0px;
	margin-top:0px;
	width:300px;
	height:500px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
 
#Video {
	float:right;
	padding-top:0px;
	width:300px;
	height:200px;
	border-top-color: #0000FF;
	}
 
.texte {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#26354A;
	letter-spacing:0.1em;
	text-align: justify;
	margin-left: 2em;
	margin-right: 2em;
	}
 
.lettre {
	font-family: Calligraphic;
	font-size: 36px;
	color: #990000;
	}

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
HTML
 
<div id="Milieu">
<div id="Video">
  “Vidéo”
</div>  
 
 
<div id="Sigle">
“annimation Flash”
</div>
 
 
<p class="lettre">L<p class="texte">'Association !!!!!!!!!!!!!!!!!!!!!!!!!!

Merci pour votre aide.

Salutations

[Bisûnûrs]

Si tu veux que ça reste sur une ligne, n'utilise pas de p mais un span.

Ou encore mieux, utilise la pseudo-classe :first-letter pour faire une lettrine.

Et j'ai pas capté pourquoi tu ouvres deux fois la balise p ...