Balise html pour barre latérale [Fermé]

Signaler
-
Messages postés
29
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
9 juillet 2019
-
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 !

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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 59496 internautes nous ont dit merci ce mois-ci

Messages postés
29
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
9 juillet 2019
1
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’’);
}
Messages postés
29
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
9 juillet 2019
1 >
Messages postés
29
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
9 juillet 2019

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: ...%
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
Utilisateur anonyme
Euh... non, une barre latérale (Capture)
Messages postés
5861
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
13 juillet 2020
1 252
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.


Messages postés
5861
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
13 juillet 2020
1 252 > Haggar
Bonjour,

Ce n'est pas à moi qu'il faut répondre, je n'ai pas posé de question.
Messages postés
29
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
9 juillet 2019
1 > Haggar
Et sur la capture que j’ai mis ? Il n’y en a pas, en haut ?
Messages postés
5861
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
13 juillet 2020
1 252 >
Messages postés
29
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
9 juillet 2019

Messages postés
29
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
9 juillet 2019
1
On est morts de rire. Comme ça, une barre latérale :
Messages postés
29
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
9 juillet 2019
1
Quelqu'un sait comment on fait ça ?