Balise html pour barre latérale

Fermé
Utilisateur anonyme - 14 avril 2019 à 14:26
Patoche... Messages postés 29 Date d'inscription lundi 15 avril 2019 Statut Membre Dernière intervention 9 juillet 2019 - 19 avril 2019 à 10:59
Bonjour !
Je programme actuellement un site web et je me demande comment insérer une barre latérale en html comme sur https:/kiwipedia4/webnode.fr. HELP !
A voir également:

3 réponses

Salut,
on parle pas de barre ici c'est plutôt de la mise en page et cela se fait avec des éléments HTML et éventuellement du CSS(mieux).
Apprenez HTML et CSS et vous pourrez faire ça assez rapidement, par exemple:

<html>
<head>
<style type="text/css" rel="stylesheet">
#gauche{
width:68%;
color:orange;
border:1px solid red;
}
#droite{
float:right;
width:28%;
background-color:#000000;
color:silver;
}
</style>
</head>
<body>
<section>
<article id="gauche">
70% de la page en largeur
</article>

<article id="droite">
30% de la page en largeur
</article>
<section>
</body>
</html>

Là c'est un peu approximatif car je n'ai pas supprimé les marges(par défaut internes et externes).
Ou alors plus simple encore vous mettez un fond noir et indiquez la taille que vous voulez en proportion de l'élément à afficher(donc par dessus le fond noir du corps de la page). Ce que vous appelez la 'barre'(et n''en est pas une ) sera juste un absence. L'inconvénient par contre c'est que vous ne pouvez pas utiliser la zone de droite pour quoi que ce soit puisqu'elle n'existera pas.
1
Patoche... Messages postés 29 Date d'inscription lundi 15 avril 2019 Statut Membre Dernière intervention 9 juillet 2019 1
19 avril 2019 à 10:57
Ah oui, d’accord... Merci ! Et on peut aussi montrer la barre avec un élément d’arrière plan css du genre
body {
background-color: white;
background-img(‘‘Sans titre.jpg’’);
}
0
Patoche... Messages postés 29 Date d'inscription lundi 15 avril 2019 Statut Membre Dernière intervention 9 juillet 2019 1 > Patoche... Messages postés 29 Date d'inscription lundi 15 avril 2019 Statut Membre Dernière intervention 9 juillet 2019
19 avril 2019 à 10:59
Enfin, bon là c’est un peu approximatif parce que je me souviens plus très bien des détails de la balise, je crois qu’il y a aussi
background-size: ...%
0
Bonjour,
le lien que vous indiquez est faux.
Sinon si c'est pour la barre de défilement vous avez la propriété CSS overflow.
https://www.w3schools.com/cssref/pr_pos_overflow.asp
0
Utilisateur anonyme
15 avril 2019 à 10:41
Euh... non, une barre latérale (Capture)
0
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
Modifié le 15 avril 2019 à 15:46
Bonjour,

Je ne sais pas ce qu'est ce site, mais quand on écrit l'adresse correctement, c'est à dire :

https:// kiwipedia4.webnode.fr/

il est signalé comme étant dangereux.

J'ai mis volontairement un espace pour éviter de créer un lien.


0
Barre latérale je n'en voit pas sur l'image. Mais comme tout les éléments de la page ils doivent être crées, cela implique HTML, CSS et éventuellement JavaScript si vous avez besoin de plus d'interactivité.

Quant à programmer HTML...renseignez vous HTML n'est et ne sera jamais de la programmation, c'est un langage informatique mais aucunement de programmation.
0
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > Haggar
16 avril 2019 à 09:55
Bonjour,

Ce n'est pas à moi qu'il faut répondre, je n'ai pas posé de question.
0
Patoche... Messages postés 29 Date d'inscription lundi 15 avril 2019 Statut Membre Dernière intervention 9 juillet 2019 1 > Haggar
16 avril 2019 à 11:49
Et sur la capture que j’ai mis ? Il n’y en a pas, en haut ?
0
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > Patoche... Messages postés 29 Date d'inscription lundi 15 avril 2019 Statut Membre Dernière intervention 9 juillet 2019
16 avril 2019 à 13:34
0
Patoche... Messages postés 29 Date d'inscription lundi 15 avril 2019 Statut Membre Dernière intervention 9 juillet 2019 1
16 avril 2019 à 14:13
On est morts de rire. Comme ça, une barre latérale :
0