Webmaster Hub: Texte vertical + scroll - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

Texte vertical + scroll Noter : -----

#1 L'utilisateur est hors-ligne   Exolon 

  • Groupe : Membre
  • Messages : 13
  • Inscrit(e) : 29-janvier 04
  • Localisation:Bergerac

Posté 29 janvier 2004 - 15:24

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+
0

#2 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 29 janvier 2004 - 18:20

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 ?
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#3 L'utilisateur est hors-ligne   lapîn 

  • Groupe : Actif
  • Messages : 40
  • Inscrit(e) : 08-décembre 03

Posté 29 janvier 2004 - 18:50

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+
0

#4 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 29 janvier 2004 - 19:11

Bonjour lapîn,

Est-ce que des valeurs attribuées à padding-left et padding-right n'apporteraient pas une solution ?
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#5 L'utilisateur est hors-ligne   Exolon 

  • Groupe : Membre
  • Messages : 13
  • Inscrit(e) : 29-janvier 04
  • Localisation:Bergerac

Posté 30 janvier 2004 - 11:18

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
0

#6 L'utilisateur est hors-ligne   Exolon 

  • Groupe : Membre
  • Messages : 13
  • Inscrit(e) : 29-janvier 04
  • Localisation:Bergerac

Posté 30 janvier 2004 - 11:21

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+
0

#7 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 30 janvier 2004 - 12:53

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
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#8 L'utilisateur est hors-ligne   Exolon 

  • Groupe : Membre
  • Messages : 13
  • Inscrit(e) : 29-janvier 04
  • Localisation:Bergerac

Posté 30 janvier 2004 - 13:33

Merci beaucoup pour ton aide ;)
0

#9 L'utilisateur est hors-ligne   lapîn 

  • Groupe : Actif
  • Messages : 40
  • Inscrit(e) : 08-décembre 03

Posté 31 janvier 2004 - 14:34

EXOLON, le vendredi 30 janvier 2004, 11:18, dit :

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

#10 L'utilisateur est hors-ligne   Exolon 

  • Groupe : Membre
  • Messages : 13
  • Inscrit(e) : 29-janvier 04
  • Localisation:Bergerac

Posté 31 janvier 2004 - 18:21

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
0

#11 L'utilisateur est hors-ligne   lapîn 

  • Groupe : Actif
  • Messages : 40
  • Inscrit(e) : 08-décembre 03

Posté 01 février 2004 - 17:00

Monique, le jeudi 29 janvier 2004, 19:11, dit :

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

#12 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 01 février 2004 - 18:31

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 ;) )
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#13 L'utilisateur est hors-ligne   lapîn 

  • Groupe : Actif
  • Messages : 40
  • Inscrit(e) : 08-décembre 03

Posté 01 février 2004 - 18:43

:)

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

#14 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 01 février 2004 - 19:02

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...
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#15 L'utilisateur est hors-ligne   lapîn 

  • Groupe : Actif
  • Messages : 40
  • Inscrit(e) : 08-décembre 03

Posté 01 février 2004 - 19:08

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

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)