page d' accueil

**ndjili** · 12/07/2007, 12h23

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

**bigguiz** · 12/07/2007, 15h01

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 :

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

1
2
3
4
5
6
7
8
9
10
 
<table>
<tr>
<td rowspan="2">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

**Xann_71** · 12/07/2007, 15h04

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.

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
 
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<title>TITRE DE LA PAGE</title>
		<link rel="stylesheet" media="screen" type="text/css" href="NOMPAGE.css" />
		<link rel="alternate stylesheet" media="screen" type="text/css" title="" href="" />
		<script src="" language="javascript" type="text/javascript"></script>
	</head>
	<body>
		<div id="Page">
			<div id="header">
			</div>
			<div id="center">
				<div id="Left">
				</div>
 
				<div id="main">
				</div>
 
				<div id="Right">
				</div>
			</div>
 
			<div id="footer">
				<div id="copyright">
				</div>
			</div>
		</div>
	</body>
</html>

Tu modifiras ton head comme tu veux.
#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

)

Ensuite voici le 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
 
* { 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;
}

Voila je t'ai mis des couleurs pour que tu te repere quand tu aura rempli tes div.
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+

page d' accueil

HTML

Discussions similaires

Partager

Partager