Partage

footer mal placé

footer en haut à droite ?

16 mai 2018 à 18:41:05

Bonjour à celui ou celle qui sera là 

je ne vois pas où pêche mon code pour avoir mon footer si mal placé ! merci par avance 

mon code html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<link rel="stylesheet" href="CV20180516.css"/>
		<title>RD Formation Professionnelle</title>
	</head>

<body>

<div id="page">

	<div id="liseregauche">
	</div>


	<div id="section">

	<div id="header">
		<div class="cor">
			<h1> Régine DJALO </h1>
			 <ul>
				<li> djalo50@gmail.com </li>
				<li> 06 85 -- -- -- </li>
			</ul>
		</div>
		<div>
			<a href="photo/regine.jpg">
					<img src="photo/regine_2.jpg"  alt="photoreginedjalo" title="cliquer pour agrandir"/>	</a>
		</div>
	</div>

	<h2> Ingénieur de parcours de formation professionnelle </h2>

	<div id="sectionrd">

	<div class="experiences">
		<h3> Mon expérience professionnelle </h3>
		<ul class="ul">
			<li> <em> De 2016 à 2018 </em> Consultante auprès d'organismes de formation professionnelle </li> 
			<br/>

			<li> <em> De 2005 à 2016 </em>  Directrice d'un organisme de formation à Lyon </li> 
		</ul>

		<ul class="activity"> 
		<li> Ingénierie de parcours de formation certifiés </li>
		<li> Ingénierie pédagogique axée principalement sur les pédagogies actives </li>
		<li> Veille sur la réglementation de la formation professionnelle et application </li>
		</ul>
	</div>

	<div class="competences">
		<h3> Mes compétences </h3>
		<ul>
			<li> Conception et mise en oeuvre de parcours de formation professionnelle </li>
			<li> Certification des formations notamment au CNCP </li>
			<li> Démarche qualité pour les organismes de formation </li>
		</ul>
	</div>

	<div class="formations">
		<h3> Mes formations </h3>
		<ul>
			<li>  <em> De 1978 à 1982 </em>  Université Paris XIII : sciences de la communication  </li> 
			<li> <em> De 2003 à 2004 </em>   Université Lyon II : DEA gestion socio-économique des organisations  </li> 
			<li>  <em> De 2002 à 2005 </em>  CNAM : ingénierie de formation, ingénierie pédagogique  </li> 
			<li>  <em> Depuis 2014 </em>   MOOC.s  </li> 
		</ul>
	</div>

	</div>
</div>


 <footer>
 	
	  <a href="http://www.doyoubuzz.com/regine-paupierre-djalo"> Mon CV sur doyoubuzz </a> <br/>
	  <a href="https://www.linkedin.com/in/reginedjalo/"> Mon site Linkedin
	   </a>
	 <br/>

	  <form method="post" action="traitement.php">
	 	<p> 
	 			<label for="courriel"> Contactez-moi </label> 

	 				<textarea name="courriel" id="courriel"  rows="5" cols="30">  améliorer mon site
	 				</textarea>
	 				
	 	</p>
			<label for="pass"> votre mot de passe : </label>
			<input type="password" name="pass" id="pass"/>
	 	</p>
	  </form>
 </footer>


</body>

mon code CSS

/*general*/
@font-face
{
font-family: "amble";
src: url("amble-Regular.ttf") format("ttf"),
}
body
{
	background-color: #FFFFF6;
}
#page
{
	display: flex;
	justify-content: space-around;
}
#section
{
	width: 300%
}
#liseregauche
{
	background-image: url(bagus-ghufron.jpg);
	background-position: center;
	margin-left: 10px;
	min-width: 90px;
	max-width: 10%;
	height: 685px;
	border-radius: 15%
}


/*en tête*/
h1
{
	color: #A12F2F;
	text-align: center;
}
h2
{
	color: #A12F2F;
	text-align: center;
}
#header 
	{
		display: flex;
		justify-content: space-around;
		padding: 20px 30px 20px 20px;
	}
.cor
	{
		margin-left: 270px;
	}
img
{
	border: 2px #124363 solid;
	width: 60%;
	height: auto;
}
img
{
	box-shadow: 6px 6px 6px #2E719E;
}


/*le corps du texte*/

#sectionrd
	{
		display: flex;
		justify-content: : space-around;
		margin-top: 80px; 
		text-align: justify;
	}
ul
{
	list-style-type: none;
}
h3
{
	color: #A35D5D;
	margin-right: 40%;
}
.experiences .competences .formations
{
	width: 100%;
	margin-right: 50px;
}
h3
{
	margin-left: 20%;
}


 /*footer*/

a:hover
{
text-décoration: blink;
color: #C92626;
}



Régine Djalo
16 mai 2018 à 20:04:24

Bonsoir,

C'est parce qu'il manque la </div> fermant div.page juste avant le footer.

Il manque aussi un <p> ouvrant dans le formulaire avant le dernier </p>.

(les <p> ne sont pas indiqués toutefois autour d'éléments <input> et autres, si besoin utilise plutôt des div...)

Et plutôt que des div.section, tu peux utiliser des <section>.

"La Vérité doit être dite, le monde dût-il en voler en éclats"  (J. G. Fichte)

footer mal placé

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown