Probleme <div> et CSS

**crafalou** · 30/11/2010, 11h18

Voila je fais actuellement un site pour un centre aere, je suis egalement novice en la matiere. J'ai instale spip à mon site et je voudrai ajoute trois elements a la page article de spip : une baniere en haut un menu a gauche et une baniere en bas, ceux ci en flash. Mon probleme et que je suis coincé avec la mise en page avec les div et leurs codes CSS. Peut etre vous pourrez m'aidé enfin je l'espere.

Voici mon code 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
 
/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #FFF; margin: 0; padding: 0; text-align: center; }
 
#page { width: 773px; height: 1340px; text-align: left; margin-left: auto; margin-right: auto; }
 
#entete { width: 58em; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
#bandeau { width: 773px; height: 172px;}
#conteneur {  width: 773px ; height: 1168px; }
#menugauche {  float: left ; width: 184px ; height: 1168px; }
#contenu { float: right; width: 589px; height: 1168px; }
#menudown { clear:both; width:780px; height:77px; } 
 
 
 
 
 
 
#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }
 
#pied { clear: both; width: 70%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }
#pied img { vertical-align: middle; }

Et voila ma page article :

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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<BOUCLE_principale(ARTICLES) {id_article}>
<!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" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR">
<head>
<title>[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#INTRODUCTION{150}|attribut_html)" />]
<INCLURE{fond=inc-head}>
<link rel="stylesheet" type="text/css" href="habillage.css">
</head>
 
<body class="page_article">
 
 
 
<div id="bandeau">	
 
		<object type="application/x-shockwave-flash" width="184" height="1168" data="http://alshsaintpaterne.free.fr/flash/baniere_up.swf "> 
		<param name="movie" value="http://alshsaintpaterne.free.fr/flash/baniere_up.swf/> 
		<param name="quality" value="high" /> 
		</object>
</div>
 
 
<div id="page">
 
 
	[(#REM) Contenu principal : contenu de l'article ]
    <div class="hfeed" id="conteneur">
	<div id="menugauche"> 
		<object type="application/x-shockwave-flash" width="773" height="172" data="http://alshsaintpaterne.free.fr/flash/menugauche.swf "> 
		<param name="movie" value="http://alshsaintpaterne.free.fr/flash/menugauche.swf"/> 
		<param name="quality" value="high" /> 
		</object>
</div>
	<div class="hentry" id="contenu">
 
 
 
        <div class="cartouche">
            <div class="surlignable">
				[(#LOGO_ARTICLE|image_reduire{200,200})]
				[<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
				<h1 class="#EDIT{titre} entry-title">#TITRE</h1>
				[<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
            </div>
 
            <p><small><abbr class="published" title="[(#DATE|date_iso)]">[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr>[, <:par_auteur:> (#LESAUTEURS)][ (<:texte_date_publication_anterieure:> (#DATE_REDAC|affdate)).]</small></p>
 
            [(#REM) Inclure le modele des liens de traductions ]
            #MODELE{article_traductions}
        </div>
 
        <div class="surlignable">
			[<div class="#EDIT{chapo} chapo">(#CHAPO|image_reduire{500,0})</div>]
			[<div class="#EDIT{texte} texte entry-content">(#TEXTE|image_reduire{500,0})</div>]
		</div>
 
 
		[<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
 
		[<div class="ps surlignable"><h2 class="pas_surlignable"><:info_ps:></h2><div class="#EDIT{ps}">(#PS|image_reduire{500,0})</div></div>]
 
 
 
		[(#REM) Gestion du portfolio et des documents
			Le critere {env} permet de passer d'autres arguments de la page
			par exemple l'id_document choisi pour un affichage complet
		]
		[(#INCLURE{fond=inc-documents}{id_article}{env})]
 
 
		[(#REM) Petition :
		La petition ayant une PAGINATION il faut absolument {env}
		et pourquoi pas ajax
		][(#PETITION|?{' '})<INCLURE{fond=inc-petition}{id_article}{env}{ajax}>]
 
        [<div class="notes surlignable"><h2 class="pas_surlignable"><:info_notes:></h2>(#NOTES)</div>]
 
 
 
	</div><!--#contenu-->
	</div><!--#conteneur-->
 
 
 
	[(#REM) Pied de page ]
	<INCLURE{fond=inc-pied}>
 
 
 
</div><!--#page-->
 
 
	<div id="menudown">
		<object type="application/x-shockwave-flash" width="780" height="77" data="http://alshsaintpaterne.free.fr/flash/baniere_down.swf "> 
		<param name="movie" value="http://alshsaintpaterne.free.fr/flash/baniere_down.swf"/> 
		<param name="quality" value="high" /> 
		</object>
	</div> 
 
</body>
</html>
</BOUCLE_principale>

Le liens du site est le suivant : http://alshsaintpaterne.free.fr/spip/spip.php?article6
Je vous remercie tous d'avance.

Gabriel

**crafalou** · 30/11/2010, 12h01

En faite j'ai reussi a regler mon porbleme je vous remercie quand meme.

Probleme <div> et CSS

CSS

Vue hybride

Discussions similaires

Partager

Partager