Texte vertical + scroll

[Exolon]

Salut tout le monde,

quelle est la marche a suivre pour que mon texte contenu dans un DIV (scrollable) ne sorte pas sur le bord du DIV, mais a 10px par exemple en dessous ??

Merci pour vos reponses, car la je cale je suis debutant

a+

[Monique]

Bonjour Exolon,

et bienvenue sur le Hub

Je ne vois pas bien ce que tu veux faire.

Tu pourrais donner le code que tu utilises ou mieux, un lien vers une page test ?

[lapîn]

Bonjour tout le monde

moi non plus je comprends pas bien ta question.

en tout cas pour faire un div scrollable, il faut mettre la propriété : "overflow: auto;"

par ex,

.frame {
float: left;
height: 386px;
width: 436px;
overflow: auto;
}

mais à mon avis ça tu le sais déjà et c'est pas ce que tu veux.

Mais justement, je profite de ton post car je cherche à résoudre un ptit problème auquel je suis confonté : quand on justifie le texte, il est vraiment collé à la scrollbar...

est-ce que qqn sait comment stipuler une petite marge entre la scrollbar et le texte?

merci

a+

[Monique]

Bonjour lapîn,

Est-ce que des valeurs attribuées à padding-left et padding-right n'apporteraient pas une solution ?

[Exolon]

Merci Monique,

je suis desolé je ne peut pas envoyer de code pour l'instant, je suis au boulot

Je vais essayer de mieux expliquer ce que je veux!!!

J'ai un DIV .contenu ( scroollable) et dans ce DIV j'ai mis un texte, lorsque je scroll, le texte disparait sur le bord physique de la DIV (logique ca !! ). Et bien moi je voudrais que ce texte disparaisse avant le bord physique (10 ou 20 px).

Au faite comment fait on pour envoyer une image en piece jointe. merci

[Exolon]

Salut Lapîn

Merci, pour l'info, mais ca c'est ok.

C'est mon probleme depuis pas mal de jours, et je n'arrive pas a le resoudre.

a+

[Monique]

Bonjour Exolon,

Cette fois j'ai compris ce que tu veux dire.

Je viens de faire quelques essais... infructueux

Je ne sais pas si c'est possible, mais je garde ce problème à l'oeil.

PS : pour attacher un fichier, utilise le bouton Parcourir en bas du formulaire de réponse

[Exolon]

Merci beaucoup pour ton aide

[lapîn]

J'ai un DIV .contenu ( scroollable) et dans ce DIV j'ai mis un texte, lorsque je scroll,  le texte disparait sur le bord physique de la DIV (logique ca !! ). Et bien moi je voudrais que ce texte disparaisse avant le bord physique (10 ou 20 px). 

Salut Exolon et Monique

Si j'ai bien compris ce que tu veux, il faut que t'insère ton div scollable ds un div non scrolable mais ton div scrollable il faut qui'l soit plus petit de 20px (si tu veux un contenu qui bouge pas d'une taille 20 px).

ton fichier html

<div class="contenu">
   <div class="scrollcontenu">
   </div>
   <div="piedcontenu">
   </div>
</div>

ton fichier css:

.contenu {
float: left;
width: 400px;
height: 200px;
}
.scrollcontenu {
float: left;
width: 400px;
height: 180px;
overflow: auto;
}
.piedcontenu {
float: left;
width: 400px;
height: 20px;
}

tu peux même te passer de piedcontenu.

voilà, si jamais j'ai enfin réussi à aider qqn, champagne pour tout le monde !

sinon merci pour ton aide Monique pour mon problème de marge de texte par rapport à la scrollbar, mais en ajoutant des attributs padding, le problème reste le même.

a+

[Exolon]

Salut Lapîn

Moi je ne voulais pas utiliser 2 DIV, mais crois que je vais me resoudre a en utiliser 2.

Je voulais juste savoir si cela etait possible avec un seul.

Merci quand meme Lapîn de ton aide.

[lapîn]

Bonjour lapîn,

Est-ce que des valeurs attribuées à padding-left et padding-right n'apporteraient pas une solution ?

Bonjour Monique

oui t'as raison ça marche!

avec padding: 0 10px 0 10px;

merci beaucoup!

a+

[Monique]

Bonne nouvelle lapîn

On les oublie souvent ces attributs-la...

Et pourtant attribuer une valeur pour margin et/ou padding permet de résoudre bien des problèmes d'espace entre des éléments, de position... (une valeur zéro suffit parfois à aider IE à mieux comprendre comment il doit interpréter des CSS )

[lapîn]

sinon, je me pose un question. peut-être que qqn a la réponse : un div, peut-il avoir un lien?

j'ai un div qui a une image d'arrière plan (un logo ou bandeau par ex) et je veux qu'il pointe vers une page (l'accueil par ex).

ce que j'ai fais, c'est que j'ai enlevé l'arriere plan ds le fichier css, et j'ai inséré cette image avec un lien ds mon fichier html, à l'interieur du div concerné.

Y avait pas un autre solution ? (j'ai essayé un div href="...." mais ça n'a pas été très concluant )

[Monique]

Et pourquoi pas tout simplement quelque chose comme ceci

<div><a href="fichier.html"><img src="image.gif" width="75" height="101" alt=""></a></div>

Quand tu as un doute au sujet d'un bout de code, pense à utiliser le WDG HTML Validator, tu cliques sur "enter your HTML directly" et tu colles ton code dans la structure de page qui s'affiche...

[lapîn]

oui c'est ce que j'ai fait à peu de choses près !

jme demandais si un div (et non son contenu) pouvait être lien.

En tout cas merci encore Monique.

A+