Titre: Barre de defillement en CSS
Posté par: nenex-eh le le 31-05-2008 a 11:55:12
slt
Je viens de decouvrir (je debute en CSS :) ) que je pouvais inserer une barre de defillement en CSS. Je voudrais l'utiliser 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 :) ) |
Titre: Re:Barre de defillement en CSS
Posté par: 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.
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 ... |
Titre: Re:Barre de defillement en CSS
Posté par: nenex-eh le le 02-06-2008 a 20:29:35
Merci pour ta reponse.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.
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. |
Titre: Re:Barre de defillement en CSS
Posté par: nenex-eh le le 03-06-2008 a 14:28:48
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 ;D
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. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|