carrousel dans entête de page

**abygaelle** · 01/06/2009, 22h06

Bonsoir, je débute dans la création de site web, et j'ai envie de mettre dans l'entête de ma page ( c'est à dire en haut au centre de la page à droite du logo), un carrousel d'image avec lien.
J'ai réussi à faire mon carrousel, mais je n'arrive pas à le mettre en haute de page, il est très décalé par rapport au bord.
J'ai intégré mon css à ma page html, alors je souhaiterai savoir si quelqu'un à une idée, en intégrant directement ou en avec un fichier css, qui me permettrait de mieux gérer ma mise en page.
Merci beaucoup!
PS: Je pense que j'ai du oublier un attribut quelque part..

**HiRoN** · 02/06/2009, 09h28

Bonjour et bienvenue sur le forum

,

Envoyé par abygaelle

Bonsoir, je débute dans la création de site web, et j'ai envie de mettre dans l'entête de ma page ( c'est à dire en haut au centre de la page à droite du logo), un carrousel d'image avec lien.
J'ai réussi à faire mon carrousel, mais je n'arrive pas à le mettre en haute de page, il est très décalé par rapport au bord.
J'ai intégré mon css à ma page html, alors je souhaiterai savoir si quelqu'un à une idée, en intégrant directement ou en avec un fichier css, qui me permettrait de mieux gérer ma mise en page.
Merci beaucoup!
PS: Je pense que j'ai du oublier un attribut quelque part..

Difficile à dire sans code (tout dépend de la structure)...
Le mieu serait de fournir le code (X)HTML & CSS afin que l'on puisse visualiser, une page en ligne serait encore mieu.

**abygaelle** · 02/06/2009, 16h26

Alors ben juste pour mes essais du carrousel voila le code:

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
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mootools 3D Carousel</title>
 
<style>
 
	#carousel{
 
		width:800px;
		height:250px;
		position:relative;
		border:1px solid #FFFFFF;
		margin-bottom: 0px;
		margin-top: 0px;
 
 
	}
 
	img{
		width:100%;
		height:auto;
		border:2px solid #FFFFFF;
		display:block;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left: 200px
		}
 
</style>
 
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/3dcarousel.js" type="text/javascript"></script>
<title>Essai</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	          <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
 
 
</style>
 
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/3dcarousel.js" type="text/javascript"></script>
 
<div id="carousel">
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
	<div><a href="#"><img src="images/pi.png" /></a></div>
 
 
</div>
 
 
	</head>
 
   <body>
 
 
   </body>
</html>
 
</head>
 
 
</html>

Je veux monter mon carroussel à la limite haute de la page.
Voila bon j'espère que mes débuts catastrophiques ne vont pas avoir raisons de moi!
Merci encore..

carrousel dans entête de page

CSS

Vue hybride

Discussions similaires

Partager

Partager