Bonjour
Encore moi et mes marges
Après avoir résolu celle du haut forum, j'aimerai garder la marge du bas si j'enlève les scripts (les autres pages ne les auront pas).
Le "pied de page" part de la 1ère ligne verte de séparation.
J'ai lu plein de tutos sur les "pieds de page", également je me suis basé sur la réponse plus haut et je teste depuis ce matin mais c'est la pagaille.
J'ai juste laissé #scripts en position=absolute mais je n'ai plus le fond en bas page tests page originale
Désolé du fouilli, merci de m'aider
Code HTML
Code CSS
Modifié par Auguste (25 Apr 2008 - 19:16)
Encore moi et mes marges
Après avoir résolu celle du haut forum, j'aimerai garder la marge du bas si j'enlève les scripts (les autres pages ne les auront pas).
Le "pied de page" part de la 1ère ligne verte de séparation.
J'ai lu plein de tutos sur les "pieds de page", également je me suis basé sur la réponse plus haut et je teste depuis ce matin mais c'est la pagaille.
J'ai juste laissé #scripts en position=absolute mais je n'ai plus le fond en bas page tests page originale
Désolé du fouilli, merci de m'aider
Code HTML
<body>
<div id="conteneur">
<div id="en_tete">
<div id="lecteur">
<object type="audio/x-mid" data="liens/lou.mid" width="200" height="22">
<param name="src" value="liens/lou.mid" />
<param name="autoplay" value="false" />
<param name="autoStart" value="0" />
alt : <a href="liens/lou.mid">uss_alabama.mid</a>
</object></div>
<div id="banniere">
<object type="application/x-shockwave-flash" data="liens/tmpl105_34443a804e57fb.swf" width="468" height="60">
<param name="wmode" value="Transparent" />
<param name="movie" value="liens/tmpl105_34443a804e57fb.swf" />
<param name="quality" value="high" />
<param name="menu" value="false" />
</object>
</div>
<br />
<h1>A.N.V.V.E.N.</h1>
<h3>Association Nationale Victimes Essais Nucléaires</h3><br />
<h5>Association loi 1er juillet 1901 déclarée sous-préfecture de Brest, n°1108 du 19 nov 2003.<br />
Récépissé de déclaration n° 762961, délivré en application de l'article 16 de la loi du 6 janvier 1978 de la C.N.I.L. relative à l'informatique, aux fichiers et aux lettres.</h5>
</div>
<div id="lire">
<div class="alire"><img src="liens/lire3.gif" alt="" /><a class="Style1">©</a></div>
</div>
<h4><a href="mediapresse_index/">Divers courriers aux politiques ainsi que leurs réponses</a></h4>
<div id="liens">
<ul>
<li><a href="assoanvven.html">Présentation de l'A.N.V.V.E.N.</a></li>
<li><a href="whatanvven.html">Qu'est-ce que l'A.N.V.V.E.N.</a>
<ul class="autre">
<li><a href="documents_pdf.html">Journaux "Echos de l'A.N.V.V.E.N."</a></li>
<li><a href="autres_associations.html">Contacts avec d'autres Associations</a></li>
</ul></li>
<li><a href="temoins1.html">Témoignages d'adhérents de l'A.N.V.V.E.N.</a><span class="taille1">: Ici la censure n'existe pas.</span></li>
<li><a href="mauriceandre.html">L'avis de Maurice-Eugène ANDRE</a><span class="taille1"><span class="espaces">expert en protection nucléaire (NBCR)</span></span><a href="http://users.skynet.be/mauriceandre/coursradioprotection1.htm"><span class="espaces">Son site</span></a></li>
<li><a href="anvven.html">Informations sur les essais nucléaires</a></li>
<li><a href="beryl.html">Accident de Beryl (sahara) qui a fait de nombreuses victimes</a></li>
<li><a href="mediapresse.html">Médias</a><span class="taille1"> : articles de presse, lettres, divers.</span></li>
<li><a href="photodivers.html">Photos sur les essais nucléaires</a></li>
<li><a href="vieabord.html">La vie à bord lors des esssais nucléaires</a><span class="taille1"> : Se reconnaîtront-ils ?</span></li>
<li><a href="adhesion2.html">Fiche d'adhésion à l'A.N.V.V.E.N. et infos diverses</a></li>
<li><a href="coopbord.html">La "coop" du bord</a><span class="taille1"> : ou comment vendre des cadeaux pour l'A.N.V.V.E.N.</span></li>
<li><a href="juridique.html">Le cabinet d'avocats pour nos adhérents</a></li>
<li><a href="defenseanvven.html">Aide juridique pour obtenir des droits de pension</a></li>
<li><a href="documents_pdf.html">Documents informations pour les Vétérans, Veuves et ayants-droit</a></li>
</ul>
</div><br />
<div id="medicaliste">
<div class="image"><a href="http://www.medicalistes.org/spip/"><img src="liens/site_medicalistes.gif" alt="" border="0" /></a></div>
<div class="texte1"><a>Informations complémentaires sur les maladies</a></div>
</div>
<p><img src="liens/ligne1_bas.gif" alt="" width="900" height="3" /></p>
<p class="ajout_url">Merci d'ajouter l'url du site si vous copiez des images et/ou du texte.</p>
<div id="mailto">
<div class="image_mail"><a href="mailto:anvven@neuf.fr"><img src="liens/mail_anvven.gif" border="0" alt="" /></a></div>
<div class="texte"><a>Pour nous contacter ou nous donner vos impressions sur le site</a></div></div>
<div id="boutons_bas">
<div class="accueil"><a href="http://www.anvven.net/index.html"><img src="liens/accueil2.gif" border="0" alt="" /></a></div>
<div class="webmaster"><a href="mailto:jdezetter.@anvven.net"><img src="liens/webmaster.gif" border="0" alt="" /></a></div>
<div class="ligne2_separation_bas"><img src="liens/ligne1_bas.gif" width="900" height="3" alt="" /></div>
</div>
<div id="scripts">
<div class="script_majour">
<!--DEBUT DATE MISE A JOUR-->
<script type="text/javascript">
date = document.lastModified;
jour = date.charAt(3)+date.charAt(4);
mois = date.charAt(0)+date.charAt(1);
an = date.charAt(6)+date.charAt(7)+date.charAt(8)+date.charAt(9);
document.write("Dernière mise à jour le ",jour,"/",mois,"/",an);
</script>
<!--FIN DATE MISE A JOUR--></div>
<div class="weborama">
<!--DEBUT WEBOSCOPE FREE - Weborama -->
<script type="text/javascript">
WEBO_ZONE=1;
WEBO_PAGE=1;
webogold_ok=0;</script>
<script type="text/javascript" src="http://script.weborama.fr/gold.js"></script>
<script type="text/javascript">
if(webogold_ok==1){webogold_zpi(WEBO_ZONE,WEBO_PAGE,131370);}</script>
<noscript><a href="http://www.weboscope.com"></a><br />
<a href="http://www.weborama.fr"></a></noscript>
<!--FIN WEBOSCOPE FREE - Weborama --></div>
<div class="vote">
<!-- Mon compteur de vote Weborama -->
<a href="http://www.weborama.fr/?id_vote=131370" target="vote">Merci de voter pour ce site</a>
<!-- fin de mon code --></div>
</div></div>
Code CSS
body
{
margin:10px 0;
padding: 0;
text-align:center;
background-image:url(liens/fond.jpg);
}
#conteneur
{
width:900px;
text-align:left;
border:#9EC39E 2px solid;
margin: 0 auto;
background-image:url(liens/630B1604.jpg);
}
#en_tete
{
position:relative;
}
#lecteur
{
margin-left:0;
margin-top:10px;
position:absolute;
}
#banniere
{
text-align:center;
margin-top:40px;
}
h1 /*Titre ANVVEN*/
{
text-align:center;
text-transform:uppercase;
font-style:normal;
font-size:52px;
color:#804000;
font-family:"Arial", Helvetica, sans-serif;
}
h3 /*Sous_titre ANVVEN*/
{
text-align:center;
text-decoration:underline;
}
h5 /*infos CNIL*/
{
font-size:14px;
font-style:normal;
font-weight:normal;
margin-left:7px;
}
#lire
{
margin:auto;
}
.alire
{
text-align:center;
margin-top:90px;
}
h4 /*Divers courriers*/
{
text-align:center;
margin-top:5px;
font-size:18px;
}
h4 a /*Divers courriers*/
{
color:#0000FF;
}
#liens
{
margin-top:80px;
margin-left:50px;
}
li a /*Lien liste décimale*/
{
color:#0000FF;
}
a:hover /*Lien liste décimale*/
{
color:#FF66CC;
}
ol /*Image liste ordonnée*/
{
list-style:decimal;
font-size:large;
line-height:2.0;
}
ul /*Texte liste 1er nicveau*/
{
list-style-type:square;
font-size:large;
line-height:2.0;
margin-left:60px;
}
.autre
{
list-style:disc;
font-size:medium;
line-height:1.2;
}
.taille1 /*Texte autre que lien*/
{
font-size:16px;
font-family:"Times New Roman", Times, serif;
font-style:normal;
}
.espaces /*Texte espace fin lien*/
{
padding-left:10px;
}
#medicaliste /*Conteneur médicaliste*/
{
width:900px;
height:100px;
margin:auto;
}
.texte1 /*Texte médicaliste*/
{
float:left;
margin-top:50px;
margin-left:200px;
font-weight:bold;
}
.image /*Image médicaliste*/
{
float:right;
margin-right:200px;
margin-top:20px;
}
#mailto /*Contact ANVVEN*/
{
width:900px;
height:30px;
margin:auto;
}
.image_mail
{
float:right;
text-align:right;
margin-right:210px;
}
.texte
{
float:left;
font-weight:bold;
margin-left:140px;
margin-top:5px;
}
#boutons_bas /*Boutons Webmaster et Accueil*/
{
width:900px;
height:70px;
margin:auto;
}
.accueil
{
float:right;
margin-right:20px;
margin-top:20px;
}
.webmaster
{
float:left;
margin-left:20px;
margin-top:20px;
}
.ligne2_separation_bas
{
margin-top:60px;
}
p.ajout_url /*Texte si copie image et texte*/
{
color:#FF0000;
margin-left:15px;
}
#scripts
{
position:absolute;
width:900px;
height:50px;
margin:auto;
}
.script_majour
{
float:left;
width:250px;
margin-left:20px;
}
.weborama
{
float:center;
width:200px;
margin-left:350px;
}
.vote
{
text-align:left;
margin-left:600px;
margin-right:50px;
font-weight:bold;
}
.vote a
{
color:#0000FF;
}
a:hover
{
color:#FF66CC;
}
Modifié par Auguste (25 Apr 2008 - 19:16)