Discussion :

[el_debutanti]

Bonjour tout le monde,
Il m'est impossible de fixer un titre malgré les positions.
Ce dernier bouge selon la largeur/hauteur de la fenêtre.
Je vous donne mes 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
.menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	height: 300px;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	margin: 0px;
}
.menu .menu-inner {
	width: 100%;
	/* [disabled]max-width: 69em; */
	margin: 0 0px;
	height: 100%;
	padding: 0 1em 0 0.5em;
}
.menu h1,
.menu nav {
	display: inline-block;
}
 
 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.menu h1,
.menu nav a {
	line-height: 300px;
	color: #CC0066;
}
.menu h1 {
	color: #CCC;
	letter-spacing: -1vw;
	font-size: 12vw;
	float: left;
	text-align: left;
	top: -30px;
	margin-left: 0px;
	margin-right: auto;
	position:fixed;
}
.menu nav {
	float: right;
}
.menu nav a {
	color: #C39;
	font-weight: 700;
	margin: 0 0 0 20px;
	font-size: 1.4em;
}
.menu nav a:hover {
	color: #333;
 
}
 
/* Transitions and class for reduced height */
.menu h1,
.menu nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
 
.menu.menu-shrink {
	height: 70px;
	background-color: rgba(255,255,255,0.5);
 
}
.menu.menu-shrink nav a {
	line-height: 95px;
}
 
.menu.menu-shrink h1 {
			letter-spacing: -6px;
 
	font-size: 5em;
	line-height: 100px;
}
.menu h1 {
	letter-spacing: -1vw;
	font-size: 18vw;
	position: fixed;
}
 
.menu.menu-shrink h1 {
		letter-spacing: -4px;
		font-size: 4em;
}

Merci pour votre aide et bonne journée,
ED

[jreaux62]

Bonjour,

il manque le code HTML associé.