Alignement texte image

Fermé

RomainGA Messages postés 106 Date d'inscription mardi 4 juillet 2017 Statut Membre Dernière intervention 14 février 2024 - Modifié le 14 juin 2018 à 08:17
1Seb Messages postés 166 Date d'inscription dimanche 27 mars 2016 Statut Membre Dernière intervention 30 octobre 2021 - 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.

A voir également:

Alignement texte image
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Si cellule contient texte alors ✓ - Forum Excel
Modifier le texte d'une image - Forum Logiciels
Google recherche par image - Guide

1 réponse

Réponse 1 / 1

1Seb Messages postés 166 Date d'inscription dimanche 27 mars 2016 Statut Membre Dernière intervention 30 octobre 2021 37
14 juin 2018 à 08:10

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/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Formule Excel : "SI" une cellule contient un mot, alors ?

Trouver le mot réellement écrit en lettres capitales PIX

Alignement du texte à gauche et à droite

retrouver un texte caché dans une image jpg

Discussions similaires

Newsletters