Menu

Balise html pour barre latérale

- - Dernière réponse : Patoche...
Messages postés
5
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
19 avril 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 !
Afficher la suite 

Votre réponse

3 réponses

Meilleure réponse
1
Merci
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.

Dire « Merci » 1

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CommentCaMarche

CCM 40522 internautes nous ont dit merci ce mois-ci

Patoche...
Messages postés
5
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
19 avril 2019
-
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’’);
}
Patoche...
Messages postés
5
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
19 avril 2019
> Patoche...
Messages postés
5
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
19 avril 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: ...%
Commenter la réponse de Touya
0
Merci
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)
Commenter la réponse de Haggar
Messages postés
5473
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
18 avril 2019
1384
0
Merci
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.


dugenou
Messages postés
5473
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
18 avril 2019
1384 > Haggar -
Bonjour,

Ce n'est pas à moi qu'il faut répondre, je n'ai pas posé de question.
Patoche...
Messages postés
5
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
19 avril 2019
> Haggar -
Et sur la capture que j’ai mis ? Il n’y en a pas, en haut ?
dugenou
Messages postés
5473
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
18 avril 2019
1384 > Patoche...
Messages postés
5
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
19 avril 2019
-
Patoche...
Messages postés
5
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
19 avril 2019
-
On est morts de rire. Comme ça, une barre latérale :
Patoche...
Messages postés
5
Date d'inscription
lundi 15 avril 2019
Statut
Membre
Dernière intervention
19 avril 2019
-
Quelqu'un sait comment on fait ça ?
Commenter la réponse de dugenou