Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 02/03/2011, 12h34   #1
Membre extrêmement actif
 
Avatar de lodan
 
Inscription : juin 2006
Messages : 1 804
Détails du profil
Informations forums :
Inscription : juin 2006
Messages : 1 804
Points : 587
Points : 587
Par défaut Hauteur des lignes dans un scroll

Bonjour,

J'ai un tbody avec la classe suivante :

Code :
1
2
3
4
.overflow500{
    height: 500px;
    overflow: auto;
}
Dans le tbody j'affiche des lignes de commandes. La hauteur de chaque ligne fait 500px divisé par le nombre de lignes.

Je voudrais que mon overflow se déclenche lorsque la hauteur de l'ensemble des lignes contenu dans le tbody atteint 500 px et que chaque ligne contenu fasse une hauteur maxi de 10 px.

Merci d'avance
__________________
Y a pas, plus on fait, plus on sait. Plus on cherche, plus on sait chercher. Maintenant quant à trouver, c'est autre chose.
lodan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 14h33   #2
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Tu ne peux pas avoir d'overflow dans les éléments de tableaux (table, tbody, tr, td, ...). Donc mets un div dans le td qui contient tes lignes de code, mets lui l'overflow et les dimensions que tu veux, et ça devrait fonctionner.
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 14h38   #3
Membre extrêmement actif
 
Avatar de lodan
 
Inscription : juin 2006
Messages : 1 804
Détails du profil
Informations forums :
Inscription : juin 2006
Messages : 1 804
Points : 587
Points : 587
Code :
1
2
3
4
5
6
<tbody class="overflow500">
<tr>
</tr>
<tr>
</tr>
</tbody>
Si si on peut et ça fonctionne très bien.

Mais peut être pas pour ce que je demande
__________________
Y a pas, plus on fait, plus on sait. Plus on cherche, plus on sait chercher. Maintenant quant à trouver, c'est autre chose.
lodan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 18h36   #4
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 930
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 930
Points : 4 744
Points : 4 744
Citation:
Envoyé par lodan
Dans le tbody j'affiche des lignes de commandes. La hauteur de chaque ligne fait 500px divisé par le nombre de lignes.
...pourquoi un TBODY et pas une DIV
Citation:
Envoyé par lodan
Dans le tbody j'affiche des lignes de commandes. La hauteur de chaque ligne fait 500px divisé par le nombre de lignes.
...pas compris la subtilité

Citation:
Je voudrais que mon overflow se déclenche lorsque la hauteur de l'ensemble des lignes contenu dans le tbody atteint 500 px et que chaque ligne contenu fasse une hauteur maxi de 10 px.
ajoutes peut être juste
Code :
1
2
max-height : 500px; /* a la place de height:500px */
line-height : 10px;
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/03/2011, 09h01   #5
Membre extrêmement actif
 
Avatar de lodan
 
Inscription : juin 2006
Messages : 1 804
Détails du profil
Informations forums :
Inscription : juin 2006
Messages : 1 804
Points : 587
Points : 587
Citation:
Envoyé par NoSmoking Voir le message
...pourquoi un TBODY et pas une DIV

Comment placer un DIV dans :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
 
<table>
<tr>
...Titre des colonnes...
</tr>
<tbody class="overflow500">
<tr>
</tr>
<tr>
</tr>
</tbody>
</table>
Citation:
Envoyé par NoSmoking Voir le message
...pas compris la subtilité
Mon overflow fait 500px. Si j'ai 3 lignes à afficher alors la hauteur de chaque ligne sera de 500 / 3.
Citation:
Envoyé par NoSmoking Voir le message
ajoutes peut être juste
Code :
1
2
max-height : 500px; /* a la place de height:500px */
line-height : 10px;
J'avais déjà essayé mais ça ne fonctionne pas.
__________________
Y a pas, plus on fait, plus on sait. Plus on cherche, plus on sait chercher. Maintenant quant à trouver, c'est autre chose.
lodan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/03/2011, 18h50   #6
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 930
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 930
Points : 4 744
Points : 4 744
Citation:
Mon overflow fait 500px. Si j'ai 3 lignes à afficher alors la hauteur de chaque ligne sera de 500 / 3.
je crois que tu ne va pas pouvoir te passer de javascript, ou autre si les lignes sont insérées avant publication de la page.
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/03/2011, 15h31   #7
Membre extrêmement actif
 
Avatar de lodan
 
Inscription : juin 2006
Messages : 1 804
Détails du profil
Informations forums :
Inscription : juin 2006
Messages : 1 804
Points : 587
Points : 587
Je crois aussi,

Je vais charger ma page en ajax.

Merci
__________________
Y a pas, plus on fait, plus on sait. Plus on cherche, plus on sait chercher. Maintenant quant à trouver, c'est autre chose.
lodan est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 15h03.


 
 
 
 
Partenaires

Hébergement Web