Version imprimable
je voudrai créer une page d' accueil de mon site Web . Je n' arrive pas à faire un tableau qui en haut va prendre 4 à 5 cm de largeur et toute la longueur de la page et qui affiche le drapeau de mon pays , le nom du site à l'extreme gauche et à l' extreme droite , un jeu d' image roulant .
J' aimerai aussi que quelqu' un de me guider à partager par un tableau le reste de la page en 3 tableaux en hauteur avec um programme html
Salut,
En général on ne parle pas de cm mais de pixels. La dimention cm n'est pas valable en informatique, puisque la correspondance pixel / cm dépend de la résolution des écrans.
Ensuite, l'usage de tableaux doit être limité. Pour ce que tu veux faire normalement il ne faudrait pas utiliser de tableaux. Mais bon, quand on débute c'est quand même bien pratique.
Sinon essaye ce code:
Code:
2
3
4
5
6
7
8
9
10
Salut
Je vais te conseiller d'utiliser des div plutot que des tableau.
Voici un code html avec son css pour ce que tu veux apparemment, dis moi si c'est pas ça.
Tu modifiras ton head comme tu veux.Code:
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
#Page: cadre intégrant l'ensemble des éléments de ta page
#header: cadre supérieur (comme tu voulais) qui occupe toute la largeur et a toi de régler la hauteur
#center: cadre regroupent tes 3 éléments de gauche à droite
#Left, #main, #right: les 3 cadres que tu demandais
#footer: un cadre de bas de page pour mettre des éléments comme le copyright ( toujours utile :mouarf: )
Ensuite voici le css:
Voila je t'ai mis des couleurs pour que tu te repere quand tu aura rempli tes div.Code:
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* { padding:0; margin:0; } body { margin: auto; } #Page { } #header { heigth: 4em; background-color: blue; } #center { overflow: hidden; } #Left { float: left; width: 30%; background-color: red; } #main { float: left; width: 40%; background-color: green; } #Right { float: left; width: 30%; background-color: yellow; }
Je ne te l'ai pas fini, je pense que tu pourra te débrouiller maintenant.
Si toute fois tu as d'autres questions, hésite pas.
A+