Menu

Alignement texte image

RomainGA 22 Messages postés mardi 4 juillet 2017Date d'inscription 13 juin 2018 Dernière intervention - 13 juin 2018 à 18:24 - Dernière réponse : 1Seb 114 Messages postés dimanche 27 mars 2016Date d'inscription 18 juin 2018 Dernière intervention
- 14 juin 2018 à 08:10
Bonjour,

Je dois créer un site pour mon école et mes étude supérieur. Je créé ainsi mon bandeau de navigation composé d'une image et de 5 parties. Mes parties ce situent sur la ligne sous l'image. Je souhaiterais ainsi que le nom de mes parties se trouvent sur la même ligne que l'image (si ppossible au milieu de la largeur.

html:
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
</head>
<body>
 <div class="nav_style">
  <div class="btn_home_style">
   <img src="img/btn_home.png" width="80px">
   <center>
    <table border="0" cellspacing="50">
     <td class="partie_menu">A Propos ...</td>
     <td class="partie_menu">Mon Cursus ...</td>
     <td class="partie_menu"class="partie_menu">Mes Projets ...</td>
     <td class="partie_menu">Mes veilles ...</td>
     <td class="partie_menu">Contactez-moi ...</td>
    </table>
   </center>
</div>
</body>
</html>

css:
body {
 margin: 0px;
 background-size: cover;
 background-color: #FCFAE1;
}

.nav_style {
 background-color: #A7A37E;
 margin: 20px;
 border-radius: 10px;
}
.partie_menu {
 font-size: xx-large;
 color: brown;
}


J'espère avoir été clair.

Cordialement.
Romain.

EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.
Afficher la suite 

Votre réponse

1 réponse

1Seb 114 Messages postés dimanche 27 mars 2016Date d'inscription 18 juin 2018 Dernière intervention - 14 juin 2018 à 08:10
0
Merci
Bonjour,

Tu peux par exemple ajouter un td et y mettre l'image dedans
<table border="0" cellspacing="50">
<td class="partie_menu"><img src="img/btn_home.png" width="80"></td>
<td class="partie_menu">A Propos ...</td>
<td class="partie_menu">Mon Cursus ...</td>
<td class="partie_menu"class="partie_menu">Mes Projets ...</td>
<td class="partie_menu">Mes veilles ...</td>
<td class="partie_menu">Contactez-moi ...</td>
</table>


https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3
Commenter la réponse de 1Seb