CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

^Probleme de Scrollbar

YanG_
YanG_
Niveau 7
19 février 2012 à 20:58:52

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>)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style1.css" />
<title>F.C - Portefolio</title>
</head>
<body>
<header>
<h1>
        &n
bsp;       &nbs
p; <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à).

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment