Menu

Alignement texte image

Messages postés
30
Date d'inscription
mardi 4 juillet 2017
Statut
Membre
Dernière intervention
16 janvier 2019
-
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

Messages postés
135
Date d'inscription
dimanche 27 mars 2016
Statut
Membre
Dernière intervention
3 avril 2019
20
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