2017-07-03 5 views
-1

Salutations pour la journée!Page d'accueil HTML avec pied de page

Je développe un site web de démonstration. Ceci est ma page d'accueil. Je divise cette page en 4 parties. Je réussis aussi à faire partie du groupe et de la partie intermédiaire. Mais, je ne suis pas capable d'afficher la partie pied de page. Ci-dessous le fichier html tableau de bord/page d'accueil:

<!DOCTYPE html> 
<html> 
<body> 

<!-- Header part --> 
    <header> 
    <center><h1>Shiksha University</h1></center> 
    </header> 


<!-- Center part --> 
<div class="container"> 
    <div class="left"> 
    left item1<br/> 
    left item2<br/> 
    left item3<br/> 
    </div> 
</div> 

<div class="container"> 
    <div class="right"> 
    right item1 
    right item2 
    right item3 
    </div> 
</div> 

<style type="text/css"> 
    .container { 
     width:500px; 
    } 
    .left { 
     width:250px; 
     float:left; 
    } 
    .right { 
     width:250px; 
     float:right; 
    }/style> 


<!-- Footer part --> 
<footer> 
  <p>Posted by: Hege Refsnes</p> 
  <p>Contact information: <a href="mailto:[email protected]"> 
  [email protected]</a>.</p> 
</footer> 
</body> 
</html> 

Je ne suis pas été en mesure de mettre en œuvre la partie de pied de page dans la page html, aider de bien vouloir :)

+0

Je vote pour clore cette question parce que la question a été causé par un problème qui ne peut plus être reproduit ou une simple erreur typographique. –

Répondre

0

Eh bien pour commencer votre balise de style est pas fermé . Peut-être votre problème

<style type="text/css"> 
.container { 
    width:500px; 
} 
.left { 
    width:250px; 
    float:left; 
} 
.right { 
    width:250px; 
    float:right; 
} 
</style> 
0

Fermer le « style »)

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<!-- Header part --> 
 
    <header> 
 
    <center><h1>Shiksha University</h1></center> 
 
    </header> 
 

 

 
<!-- Center part --> 
 
<div class="container"> 
 
    <div class="left"> 
 
    left item1<br/> 
 
    left item2<br/> 
 
    left item3<br/> 
 
    </div> 
 
</div> 
 

 
<div class="container"> 
 
    <div class="right"> 
 
    right item1 
 
    right item2 
 
    right item3 \t 
 
    </div> 
 
</div> 
 

 
<style type="text/css"> 
 
    .container { 
 
    width:500px; 
 
    } 
 
    .left { 
 
    width:250px; 
 
    float:left; 
 
    } 
 
    .right { 
 
    width:250px; 
 
    float:right; 
 
    }/style> 
 

 
</style> 
 
<!-- Footer part --> 
 
<footer> 
 
    <p>Posted by: Hege Refsnes</p> 
 
    <p>Contact information: <a href="mailto:[email protected]"> 
 
    [email protected]</a>.</p> 
 
</footer> 
 
</body> 
 
</html>