Alignement texte image
RomainGA
Messages postés
110
Date d'inscription
Statut
Membre
Dernière intervention
-
1Seb Messages postés 166 Date d'inscription Statut Membre Dernière intervention -
1Seb Messages postés 166 Date d'inscription Statut Membre Dernière intervention -
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:
css:
J'espère avoir été clair.
Cordialement.
Romain.
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
- Extraire texte d'une image - Guide
- Image iso - Guide
- Transcription audio en texte word gratuit - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Excel cellule couleur si condition texte - Guide
1 réponse
Bonjour,
Tu peux par exemple ajouter un td et y mettre l'image dedans
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
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