Créer une barre de défilement (messages) Bouton_activeCréer une barre de défilement (messages) Bouton_hoverCréer une barre de défilement (messages) Fb-hoverCréer une barre de défilement (messages) Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Créer une barre de défilement (messages) EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Créer une barre de défilement (messages) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Créer une barre de défilement (messages) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Créer une barre de défilement (messages) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Créer une barre de défilement (messages) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Créer une barre de défilement (messages) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Créer une barre de défilement (messages) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Créer une barre de défilement (messages) EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez
 

Créer une barre de défilement (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
Machicoulis
{ Membre }
{ Membre }

Féminin Messages : 20



Créer une barre de défilement (messages) Empty
Bonjour,

Merci pour ce code. Par contre si on veut l'insérer
sur la page d'accueil, comment fait-on ? Smile
MessageSujet: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 19 Juil 2010, 10:28
Revenir en haut Aller en bas
http://forum.forumactif.com
Tech
Tech
{ Membre actif }
{ Membre actif }

Masculin Messages : 1378



Créer une barre de défilement (messages) Empty
Bonjour,

Tu places le CSS dans la feuille de style.
Et tu utilises comme code :
Code:
<div class="defilement">Le texte</div>

Smile
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 19 Juil 2010, 10:32
Revenir en haut Aller en bas
http://lgdcc.forumactif.org
KiiMy
KiiMy
{ Membre }
{ Membre }

Féminin Messages : 82



Créer une barre de défilement (messages) Empty
merci beaucoup pour ce tuto =D
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 19 Juil 2010, 13:41
Revenir en haut Aller en bas
http://lgdcc.forumactif.org
KiiMy
KiiMy
{ Membre }
{ Membre }

Féminin Messages : 82



Créer une barre de défilement (messages) Empty
[peut pas éditer >.<]

Comment on fait pour centré le tout ?
J'ai réussi a cetrer le texte mais pour centrer le tout on fait comment ?
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 19 Juil 2010, 13:49
Revenir en haut Aller en bas
http://forum.forumactif.com
Tech
Tech
{ Membre actif }
{ Membre actif }

Masculin Messages : 1378



Créer une barre de défilement (messages) Empty
Bonjour,

Centrer le tout, c'est à dire ?
Rajoutes un style à ta balise, comme ceci :
Code:
<div style="text-align: center;" class="defilement">Le texte</div>
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 19 Juil 2010, 13:53
Revenir en haut Aller en bas
http://lgdcc.forumactif.org
KiiMy
KiiMy
{ Membre }
{ Membre }

Féminin Messages : 82



Créer une barre de défilement (messages) Empty
Comme je suis claire x)

Non, ce n'est pas ça que je voulais dire, "text-align: center" je l'es mis dans le css.
Le "bloc" est dans un colonne, et il est collé a gauche. J'aimerais qu'il soit centrer =)

Si tu comprend toujours pas avec mes explications pourries je fait un dessin ^^
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMar 20 Juil 2010, 04:25
Revenir en haut Aller en bas
http://forum.forumactif.com
Tech
Tech
{ Membre actif }
{ Membre actif }

Masculin Messages : 1378



Créer une barre de défilement (messages) Empty
Oui je veux bien un dessin car je ne comprend pas ^^

Merci ^^
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMar 20 Juil 2010, 05:57
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Créer une barre de défilement (messages) Empty
Je crois avoir compris. Il ne voulait pas avoir le texte centré mais plutôt le bloc entier. Essaye ceci :

Code:
<center><div class="defilement">Le texte</div></center>

EDIT Tech : Ah ouais Very Happy
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMar 20 Juil 2010, 06:21
Revenir en haut Aller en bas
http://lgdcc.forumactif.org
KiiMy
KiiMy
{ Membre }
{ Membre }

Féminin Messages : 82



Créer une barre de défilement (messages) Empty
Hαrιcoow a écrit:
Je crois avoir compris. Il ne voulait pas avoir le texte centré mais plutôt le bloc entier. Essaye ceci :

Code:
Le texte

EDIT Tech : Ah ouais Very Happy

C'est bien ça merci =D
Et je suis une fille ^^"
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMar 20 Juil 2010, 08:40
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Créer une barre de défilement (messages) Empty
^.^ Désoé pour le "il" Razz
Content que ce soit ce qu'il te fallait Smile
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMar 20 Juil 2010, 10:15
Revenir en haut Aller en bas
http://lgdcc.forumactif.org
KiiMy
KiiMy
{ Membre }
{ Membre }

Féminin Messages : 82



Créer une barre de défilement (messages) Empty
Ce n'est pas grave =D
merci encore =)
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMar 20 Juil 2010, 12:06
Revenir en haut Aller en bas
http://kagami-academie.forumpro.fr
Silver°Dragon
Silver°Dragon
{ Membre }
{ Membre }

Féminin Messages : 51



Créer une barre de défilement (messages) Empty
Bonjour =D
Ma question peut paraitre bête, mais si je ne veux pas que les "blocs" ou se trouve la barre de défilement est la même taille, comment est-ce que je fais ? :3

Par exemple :
Une bloc de taille : 300 x 200
Et un autre de : 350 x 150

Bien sur ce ne sont que des exemples.
Merci à celui ou celle qui répondra :3
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMer 21 Juil 2010, 14:28
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Créer une barre de défilement (messages) Empty
Dans ce cas-là, dans tes posts ou tu vas mettre les barres de défilement, tu utilises le code ci-dessous en modifiant les tailles :

Code:
<div style="overflow: auto; width: LARGEURpx; height: HAUTEURpx;">TON TEXTE BLABLABLA</div>
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMer 21 Juil 2010, 14:58
Revenir en haut Aller en bas
http://negimalive.superforum.fr/forum.htm?tt=1
Naki-Shin
{ Membre }
{ Membre }

Masculin Messages : 34



Créer une barre de défilement (messages) Empty
Bonjour,

J'ai une autre méthode mais plus compliquer.
Il suffit de faire le même code Css mais avec un autre nom et une autre taille ex:

Code:
.defilement_2 {
overflow: auto;
width: UNE AUTRE LARGEURpx;
height: UNE AUTRE HAUTEURpx;
}

Le code HTML sera alors :

Code:
<div class="defilement_2">Le texte</div>

Elle est correcte non ?
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMer 21 Juil 2010, 15:00
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Créer une barre de défilement (messages) Empty
Oui, c'est correct mais ça alourdi le CSS pour rien Smile Et de plus, si elle change de longueur à chaque fois, il vaut mieux qu'elle utilise la version avec style="..."
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMer 21 Juil 2010, 15:07
Revenir en haut Aller en bas
http://kagami-academie.forumpro.fr
Silver°Dragon
Silver°Dragon
{ Membre }
{ Membre }

Féminin Messages : 51



Créer une barre de défilement (messages) Empty
Genial =D
Merci beaucoup et désolé pour le dérangement (:
Bonne soirée les louloups et bonne nuit ♥
[ retourne bosser sur son fow °° ]
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMer 21 Juil 2010, 18:17
Revenir en haut Aller en bas
http://pacific-isle.forum-pro.fr/forum.htm
LittleThing
LittleThing
{ Membre }
{ Membre }

Féminin Messages : 175



Créer une barre de défilement (messages) Empty
Oui, en effet, c'est correct. Seulement, si on veut appliquer cette méthode plusieurs fois, notre CSS se verra polluer par une multitude de :

Code:

.defilement_2 {
overflow: auto;
width: UNE AUTRE LARGEURpx;
height: UNE AUTRE HAUTEURpx;
}

.defilement_3 {
overflow: auto;
width: UNE AUTRE LARGEURpx;
height: UNE AUTRE HAUTEURpx;
}

etc...

Et c'est en cela que la méthode de Hαrιcoow est plus pratique.
Mais ce que tu proposes est tout à fait correct et peut servir si on a pas besoin de beaucoup de blocs de taille différente.
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyDim 22 Aoû 2010, 08:20
Revenir en haut Aller en bas
http://placardabalais.forumfemina.com/
Nails
Nails
{ Membre }
{ Membre }

Féminin Messages : 4



Créer une barre de défilement (messages) Empty
Oui, je suis un boulet en CSS, mais j'aurai une question par rapport à ce tuto --'
Le code qu'il y a dans le premier message de Hαrιcoow, il faut le mettre où ? Dans la feuille de style CSS ou dans le message ? T_T
Merci d'avance u_u
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 23 Aoû 2010, 12:28
Revenir en haut Aller en bas
http://pacific-isle.forum-pro.fr/forum.htm
LittleThing
LittleThing
{ Membre }
{ Membre }

Féminin Messages : 175



Créer une barre de défilement (messages) Empty
Il faut mettre ce code-là dans ton CSS- en n'oubliant pas de donner une valeur chiffrée à la largeur et la hauteur :

Code:
.defilement {
overflow: auto;
width: LARGEURpx;
height: HAUTEURpx;
}

Et il faut mettre ceci dans ton message :

Code:
<div class="defilement">Le texte</div>
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 23 Aoû 2010, 12:55
Revenir en haut Aller en bas
http://placardabalais.forumfemina.com/
Nails
Nails
{ Membre }
{ Membre }

Féminin Messages : 4



Créer une barre de défilement (messages) Empty
Ca ne marche toujours pas :/
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 23 Aoû 2010, 13:03
Revenir en haut Aller en bas
Esto
Esto
{ Membre }
{ Membre }

Masculin Messages : 50



Créer une barre de défilement (messages) Empty
Salut ^^

Peux t'on faire une barre de défilement sans utiliser de CSS ?
Ca m'aiderait beaucoup pour faire ma pub Smile
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMer 25 Aoû 2010, 15:46
Revenir en haut Aller en bas
http://pacific-isle.forum-pro.fr/forum.htm
LittleThing
LittleThing
{ Membre }
{ Membre }

Féminin Messages : 175



Créer une barre de défilement (messages) Empty
Normalement, oui.

Il suffit d'insérer ceci dans ton HTML :

Code:
<div style="width: LARGEURpx; height: LONGUEURpx; overflow: auto;">TON TEXTE</div>
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyMer 25 Aoû 2010, 15:57
Revenir en haut Aller en bas
http://enjoy.forums-rpg.com
Shuffy ϟ
Shuffy ϟ
{ Membre actif }
{ Membre actif }

Féminin Messages : 628



Créer une barre de défilement (messages) Empty
merci !!!!!!!!!!!!!!!!!!!!
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyJeu 26 Aoû 2010, 11:17
Revenir en haut Aller en bas
http://castle-no-yume.forumactif.com/
Kingyo-chan
Kingyo-chan
{ Membre }
{ Membre }

Féminin Messages : 28



Créer une barre de défilement (messages) Empty
Ah quoi sert ce code exactement *et quel effet cela donne* ?? =o
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 04 Oct 2010, 15:51
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Créer une barre de défilement (messages) Empty
Kingyo-chan a écrit:
Ah quoi sert ce code exactement *et quel effet cela donne* ?? =o
C'est écrit dans l'aperçu, ça te met une mini barre de défilement comme tu as sur ton navigateur à droite.
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) EmptyLun 04 Oct 2010, 16:00
Revenir en haut Aller en bas
Contenu sponsorisé




Créer une barre de défilement (messages) Empty
MessageSujet: Re: Créer une barre de défilement (messages)   Créer une barre de défilement (messages) Empty
Revenir en haut Aller en bas
 

Créer une barre de défilement (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» Créer une boîte de texte avec barre de défilement
» Boîte de texte avec barre de défilement (messages)
» Barre de défilement [Résolu]
» Barre de défilement invisible ?
» Barre de défilement partenaires

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit