Menu

Alignement texte image

RomainGA
Messages postés
26
Date d'inscription
mardi 4 juillet 2017
Dernière intervention
25 juillet 2018
- 13 juin 2018 à 18:24 - Dernière réponse : 1Seb
Messages postés
131
Date d'inscription
dimanche 27 mars 2016
Dernière intervention
30 octobre 2018
- 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
Messages postés
131
Date d'inscription
dimanche 27 mars 2016
Dernière intervention
30 octobre 2018
- 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