Mise en page, feuille de style. [Résolu]

soryo · 26/12/2011, 10h25

Bonjour,

Je debute en php et me demande comment realiser la mise en page ci joint.
j'aimerai avoir des pistes sur lesquelles je pourrai travailler donc si vous en avez, je suis preneur !

Donc ce serai faire 3 differentes case et y mettre un fond :

rotrevrep · 26/12/2011, 22h01

bonsoir

tu peux utiliser une mise en page comme celle-ci :

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
<!DOCTYPE html>
<html>
<head>
<style>
div
{
border:thin solid red;
border-radius:5px;
}
#id1
{
position:absolute;
top:0px;left:0px;
width:40%;
height:85%;
}
#id2
{
position:absolute;
top:0px;
left:42%;
width:40%;
float:right;height:40%;
}
#id3
{
position:absolute;
top:45%;
height:40%;
width:40%;
left:42%;
float:right;
}
</style>
</head>
<body>
<div id="id1">dsgqs</div>
<div id="id2">sdgfq</div>
<div id="id3">dfqs</div>
</body>
</html>

à toi d'adapter les valeurs suivant ce que tu veux dans tes blocs

soryo · 28/12/2011, 16h36

Merci a toi ! je vais me baser sur ca

28/12/2011, 16h36	#3
soryo Futur Membre du Club Étudiant Inscription : novembre 2011 Messages : 39 Détails du profil Informations personnelles : Sexe : Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Étudiant Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : novembre 2011 Messages : 39 Points : 19 Points : 19	Merci a toi ! je vais me baser sur ca
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email