Aller au contenu

Texte vertical + scroll


Exolon

Sujets conseillés

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 :wacko: je suis debutant ;)

a+

Lien vers le commentaire
Partager sur d’autres sites

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 ?

Lien vers le commentaire
Partager sur d’autres sites

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+

Lien vers le commentaire
Partager sur d’autres sites

Merci Monique,

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

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

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

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 ! :yoot:

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. :unsure:

a+ ;)

Lien vers le commentaire
Partager sur d’autres sites

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. :D:D

Lien vers le commentaire
Partager sur d’autres sites

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+ ;)

Lien vers le commentaire
Partager sur d’autres sites

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 ;) )

Lien vers le commentaire
Partager sur d’autres sites

:)

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 :lol: )

Lien vers le commentaire
Partager sur d’autres sites

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...

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...