ajout d'un ascenceur vertical

[raph_egg]

Bonjour,

pour la partie contenu de mon site (partie orange), je souhaite ajouter un ascenceur vertical qui s'affiche si le contenu dépasse le carré prédéfini. Est-ce possible ?

voici un exemple de page où l'on voit que ça dépasse le cadre.

Merci d'avance pour votre aide !

[Grand Schtroumpf]

Re : ajout d'un ascenceur vertical

Bonjour,
il faudrait mettre un eu de css sur le <div class="item-page"> dans le fichier template.css de ton template.

Un truc comme
div.item-page {
overflow: auto;
height: 650px;
}

Restera à ajuster hauteur, marges... à ton gout.

[raph_egg]

Re : ajout d'un ascenceur vertical

Bonjour,
il faudrait mettre un eu de css sur le <div class="item-page"> dans le fichier template.css de ton template.

Un truc comme
div.item-page {
overflow: auto;
height: 650px;
}

Restera à ajuster hauteur, marges... à ton gout.

Bonjour Grand Schtroumpf, ton bout de code fait bien ce que j'ai demandé, mais bizarrement il décale ou réduit le tout contre la droite, comme dans les captures ci-dessous.
Affichage correct, sans ton code :


Affichage avec ascenceur mais décalé, avec ton code :


Merci d'avance.

[Grand Schtroumpf]

Re : ajout d'un ascenceur vertical

Bonjour,
on entre effectivement dans la phase "ajustement". Pour ça tu va devoir entrer dans le CSS et t'installer un outil comme Firebug sous Firefox pour y voir clair dans ta page.
Déjà on voir sur ton image que la div intérieur a hérité de l'overflow:auto ; il va falloir lui forcer un overflow:hidden.
Pour le décalage, il doit simplement manquer un width au style div.item-page {} :

width:600px;

ou plus si affinités

PS : si on reste au rythme d'un message par mois, on n'est pas arrivé

[raph_egg]

Re : ajout d'un ascenceur vertical

Bonjour,
on entre effectivement dans la phase "ajustement". Pour ça tu va devoir entrer dans le CSS et t'installer un outil comme Firebug sous Firefox pour y voir clair dans ta page.
Déjà on voir sur ton image que la div intérieur a hérité de l'overflow:auto ; il va falloir lui forcer un overflow:hidden.
Pour le décalage, il doit simplement manquer un width au style div.item-page {} :
ou plus si affinités

PS : si on reste au rythme d'un message par mois, on n'est pas arrivé

Bonjour, donc si je résume :

div.item-page{
overflow:hidden;
width:600px;
height: 650px;
}

est-ce correct ?

[Grand Schtroumpf]

Re : ajout d'un ascenceur vertical

Re,

si je résume :
div.item-page{
overflow:hidden;
width:600px;
height: 650px;
}
est-ce correct ?

Tu as plus confiance dans ma réponse qu'en un test en direct ? Je suis flaté mais je ne suis pas sûr que ça soit le plus efficace
Ça a une bonne tête ; tu devrais quand même mesurer la largeur pour mettre tout de suite la bonne valeur...

[raph_egg]

Re : ajout d'un ascenceur vertical

Re,
Tu as plus confiance dans ma réponse qu'en un test en direct ? Je suis flaté mais je ne suis pas sûr que ça soit le plus efficace

Lol, oui je te flatte mais en fait j'avais déjà fait le test et il y a toujours un décalage.
Je laisse provisoirement tel quel pour que tu puisses voir.
regarde également sur cette page, maintenant la troisième vidéo (qui existe) est cachée car elle sort du cadre.

[Grand Schtroumpf]

Re : ajout d'un ascenceur vertical

Re,

Lol, oui je te flatte mais en fait j'avais déjà fait le test et il y a toujours un décalage.

rien à voir avec le précédent, là le décalage est en haut.
> j'avais lu trop vite, le overflow doit être à "auto" pour avoir les ascenseurs, c'est le l'intérieur qu'il faudra du overflow:hidden.
> utilise Firebug comme je te l'ai dit pour voir ce quis e passe . Peut être une marge qui traine ou un peu trop de largeur qui crée un déclage (je n'ai pas mes outils sous la main pour regarder moi-même) ?

[raph_egg]

Re : ajout d'un ascenceur vertical

Re,

rien à voir avec le précédent, là le décalage est en haut.
> j'avais lu trop vite, le overflow doit être à "auto" pour avoir les ascenseurs, c'est le l'intérieur qu'il faudra du overflow:hidden.
> utilise Firebug comme je te l'ai dit pour voir ce quis e passe . Peut être une marge qui traine ou un peu trop de largeur qui crée un déclage (je n'ai pas mes outils sous la main pour regarder moi-même) ?

j'ai controlé avec Firebug. J'ai modifié le div interne. Mais maintenant il me met un ascenceur à la page d'accueil, bien que le contenue tienne largement dedans. Et dans la page vidéo il me met un ascenceur dans un ascenceur.

Help !

[raph_egg]

Re : ajout d'un ascenceur vertical

Voici le code actuel :

div.item-page{
overflow:hidden;
width:600px;
height: 650px;
margin-right:-200px;
}
#system-message-container{
overflow:auto;
}

[raph_egg]

Re : ajout d'un ascenceur vertical

pourtant en cherchant avec firebug, c'est bien
div.system-message-container
qui est à l'intérieur de
div.item-page
Donc logiquement on devrait pouvoir y ajouter l'ascenceur.