La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Barre de defillement en CSS
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Barre de defillement en CSS  (Lu 1044 fois)
Barre de defillement en CSS
« sur: le 31-05-2008 a 11:55:12 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

slt
Je viens de decouvrir (je debute en CSS  ) que je pouvais inserer une barre de defillement en CSS. Je voudrais l'utiliser pour un site que je suis en train de construire.

Se qui m'interesserais, c'est de pouvoir faire defiller la partie qui se trouve sous le titre ne rien faire c'est laisser faire. De cete maniere l'en-tete de chaque page restera visible (comme le systeme iframe, mais en beaucoup mieux).

Dans mon CSS j'ai cree un attribut class :
Code:
.scrolltableau {
  overflow:hidden;
  overflow:auto;
}


Ensuite je l'ai insere dans ma page :
Code:
<!-- InstanceBeginEditable name="contenu" -->
<table class="scrolltableau" width="100%" >
........</table>
Mais ca ne marche pas. J'ai du oublie quelque chose. Pour voir le code en entier, c'est dans la page dont j'ai donne le lien en haut.
Merci d'avance pour votre aide (et j'espere que j'ai ete clair dans mes explication  )

« Dernière Édition: le 31-05-2008 a 11:55:57 par nenex-eh » Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org

Re:Barre de defillement en CSS
« Répondre #1 sur: le 02-06-2008 a 19:52:15 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Salut,

1) La règle que tu as indiquée est illogique : tu écris que la propriété overflow a la valeur hidden, et juste après tu écris qu'elle vaut auto. C'est certes syntaxiquement valable, mais ça équivaut à écrire tout bonnement la seconde ligne toute seule, puisqu'elle écrase la première.
2) Tu ne peux pas "scroller" un tableau, ça n'a pas de sens. En revanche, tu pourrais éventuellement appliquer ça à un bloc (par exemple un div) contenant le tableau en question.
N.B. : Pour que overflow auto puisse fonctionner, il faut préciser au moins la hauteur du bloc en question. En effet, cela signifie "mets un ascenseur si la taille du contenu dépasse celle du contenant"; donc, si tu ne précise pas la taille du contenant (ici le bloc), celui-ci aura spontanément la hauteur de son contenu, et donc pas d'ascenseur.

Remarque indépendante : arrête de mettre des tableaux partout, utilise plutôt une vraie mise en page html / css, ce sera plus simple pour les évolutions, plus léger en code plus plus quoi ...

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:Barre de defillement en CSS
« Répondre #2 sur: le 02-06-2008 a 20:29:35 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

Merci pour ta reponse.
Citation de: MarvinLeRouge le le 02-06-2008 a 19:52:15
Salut,

1) La règle que tu as indiquée est illogique : tu écris que la propriété overflow a la valeur hidden, et juste après tu écris qu'elle vaut auto. C'est certes syntaxiquement valable, mais ça équivaut à écrire tout bonnement la seconde ligne toute seule, puisqu'elle écrase la première.
En fait pour moi hidden cachait tout se qui est en dehors du cadre (mais sans mettre la barre) et auto mettait la barre si ca depassait du cadre.

Citation de: MarvinLeRouge le le 02-06-2008 a 19:52:15
2) Tu ne peux pas "scroller" un tableau, ça n'a pas de sens. En revanche, tu pourrais éventuellement appliquer ça à un bloc (par exemple un div) contenant le tableau en question.
N.B. : Pour que overflow auto puisse fonctionner, il faut préciser au moins la hauteur du bloc en question. En effet, cela signifie "mets un ascenseur si la taille du contenu dépasse celle du contenant"; donc, si tu ne précise pas la taille du contenant (ici le bloc), celui-ci aura spontanément la hauteur de son contenu, et donc pas d'ascenseur.

Remarque indépendante : arrête de mettre des tableaux partout, utilise plutôt une vraie mise en page html / css, ce sera plus simple pour les évolutions, plus léger en code plus plus quoi ...
Ouai pour les cadres c'est vrais que j'ai vu que c'est deconseille. Faut que je m'y mette. Mais c'est flou cette histoire de bloc. Je doit faire des essais pour que j'y vois plus clair.

Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org
Re:Barre de defillement en CSS
« Répondre #3 sur: le 03-06-2008 a 14:28:48 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

Citation de: MarvinLeRouge le le 02-06-2008 a 19:52:15
Remarque indépendante : arrête de mettre des tableaux partout, utilise plutôt une vraie mise en page html / css, ce sera plus simple pour les évolutions, plus léger en code plus plus quoi ...

En definitive je m'y suis mis au blocks et c'est plus clair 

Citation de: MarvinLeRouge le le 02-06-2008 a 19:52:15
2) Tu ne peux pas "scroller" un tableau, ça n'a pas de sens. En revanche, tu pourrais éventuellement appliquer ça à un bloc (par exemple un div) contenant le tableau en question.
En attendant de maitriser les block je vais mettre le tableau dans un div.

Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg