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 :
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 :
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
30/11/2010, 11h18
Probleme <div> et CSS
00
