Problème de scrollbar
schev
-
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Bonjour à tous,
Bon j'ai un problème de grand débutant : la scrollbar ne s'affiche pas. Je veux mettre une scrollbar pour aller vers la droite de l'écran. Le texte et les images apparaissent eux comme il faut (on voit le texte, une image entière, une autre image mais coupée par le bord de l'écran).
Je vous met le HTLM et CSS en question: (la partie qui nous intéresse se trouve dans la
<section>)
Et maintenant le CSS:
ps: j'ai cherché longtemps sur le net et surement que la réponse s'y trouve quand on s'y connait un peu mais je n'ai vraiment rien trouvé (et honnêtement, j'enrage un peu là).
Bonjour à tous,
Bon j'ai un problème de grand débutant : la scrollbar ne s'affiche pas. Je veux mettre une scrollbar pour aller vers la droite de l'écran. Le texte et les images apparaissent eux comme il faut (on voit le texte, une image entière, une autre image mais coupée par le bord de l'écran).
Je vous met le HTLM et CSS en question: (la partie qui nous intéresse se trouve dans la
<section>)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style1.css" />
<title>F.C - Portefolio</title>
</head>
<body>
<header>
<h1> <a href="projet.html"><em>PROJET</em></a> <a href="analyse.html">ANALYSE</a> <a href="cv.html">CV</a> <a href="dessin.html">DESSIN</a> <a href="cinema.html">CINEMA</a></h1>
<h2> <a href="projet_a.html"><em>Réappropriation des thermes de Caracalla</em></a> - <a href="projet_b.html">Immeuble intergénérationnel à Givors</a> </h2>
</header>
<section>
<nav1> GRAND BLABLABLA</nav1>
<nav2><a1 href="accueil.html"><img src="image/beleverde.jpg" height=500px alt="montage"/></a1> </nav2>
<nav2><a1 href="accueil.html"><img src="image/beleverde.jpg" height=500px alt="montage"/></a1> </nav2>
<nav2><a1 href="accueil.html"><img src="image/beleverde.jpg" height=500px alt="montage"/></a1> </nav2>
<nav2><a1 href="accueil.html"><img src="image/beleverde.jpg" height=500px alt="montage"/></a1> </nav2>
</section>
</body>
</html>
Et maintenant le CSS:
body
{
overflow: auto;
}
a
{
text-decoration: none;
font-family: HelveticaNeue; arial; serif;
color: black;
}
em
{
color: maroon;
font-style: normal;
}
header
{
position: fixed;
left: 110px;
top: 35px;
}
h1
{
font-size: 1em;
}
h2
{
font-size: 1em;
}
h3
{
font-size: 1em;
}
section
{
position: fixed;
top: 130px;
left: 20px;
text-align: justify;
width: 5000px;
white-space: nowrap
}
nav1
{
display: inline-block;
width: 320px;
vertical-align: top
text-align: justify;
white-space: normal;
}
nav2
{
display: inline-block;
margin-left: 50px
}
ps: j'ai cherché longtemps sur le net et surement que la réponse s'y trouve quand on s'y connait un peu mais je n'ai vraiment rien trouvé (et honnêtement, j'enrage un peu là).
