Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
974 connectés 

  FORUM HardWare.fr
  Programmation

  [HTML, CSS] Barre de défilement

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML, CSS] Barre de défilement

n°204899
babylonia
Posté le 29-08-2002 à 19:23:23  profilanswer
 

je cherche a faire une barre de defilement dans une partie dun tableau (html)
g par exemple un tableau 5 ligne 5 colonnes
et je ve mettre dans la 1ere case en haut a gauche une barre de défilement avec du texte dedans
 
comment faire?
est-ce possible?


Message édité par babylonia le 30-08-2002 à 13:45:13
mood
Publicité
Posté le 29-08-2002 à 19:23:23  profilanswer
 

n°204915
Freekill
Electron libre…
Posté le 29-08-2002 à 19:55:35  profilanswer
 

IFRAME ?

n°204919
babylonia
Posté le 29-08-2002 à 20:07:51  profilanswer
 

Freekill a écrit a écrit :

IFRAME ?




 
comment ca marche
tas un exemple stp?
 
 
je pe faire un dessin si mon explication est pas evidente a comprendre

n°204923
babylonia
Posté le 29-08-2002 à 20:13:13  profilanswer
 

http://www.tchocity.com/hfr/vla.JPG
 
 
vla ce ke je cherche a faire
dessin avec paint  :lol:


Message édité par babylonia le 29-08-2002 à 20:13:23
n°204925
Freekill
Electron libre…
Posté le 29-08-2002 à 20:28:57  profilanswer
 

Babylonia a écrit a écrit :

 
 
comment ca marche
tas un exemple stp?
 
 
je pe faire un dessin si mon explication est pas evidente a comprendre




 
Comme une frame classique sauf que c'est un cadre que tu peux taper n'importe où?

n°204926
babylonia
Posté le 29-08-2002 à 20:32:27  profilanswer
 

Freekill a écrit a écrit :

 
 
Comme une frame classique sauf que c'est un cadre que tu peux taper n'importe où?




c koi le code
 
je met juste <iframe></iframe> dans mon tablo la ou jve?

n°204927
Freekill
Electron libre…
Posté le 29-08-2002 à 20:37:49  profilanswer
 

[:google]

n°204971
gm_superst​ar
Appelez-moi Super
Posté le 29-08-2002 à 21:31:19  profilanswer
 

Le problème du <iframe> c'est que ça oblige à gérer 2 documents.
 
Si on veut avoir tout dans le même document, il faut mettre un <div> dans la cellule en question et lui appliquer la propriété CSS overflow: auto; ou overflow: scroll;
 
exemple :
 

<table>
  <tr>
    <td> ... </td>
    <td> ... </td>
  </tr>
  <tr>
    <td> ... </td>
    <td> ... </td>
  </tr>
  <tr>
    <td> ... </td>
    <td class="flow">
      <div> ... </div>
    </td>
  </tr>
</table>


 
Et les styles CSS :
 

Citation :

td.flow div {
  overflow: scroll;
  height: 70px;
}
 
td.flow {
  padding: 0px;
  height: 70px;
}

]


Message édité par gm_superstar le 29-08-2002 à 22:40:35
n°205017
babylonia
Posté le 29-08-2002 à 22:16:35  profilanswer
 

gm_superstar a écrit a écrit :

Le problème du <iframe> c'est que ça oblige à gérer 2 documents.
 
Si on veut avoir tout dans le même document, il faut mettre un <div> dans la cellule en question et lui appliquer la propriété CSS overflow: auto; ou overflow: scroll;
 
exemple :
 

<table>
  <tr>
    <td> ... </td>
    <td> ... </td>
  </tr>
  <tr>
    <td> ... </td>
    <td> ... </td>
  </tr>
  <tr>
    <td> ... </td>
    <td class="flow">
      <div> ... </div>
    </td>
  </tr>
</table>


 
Et les styles CSS :
 

td.flow div {
  overflow: scroll;
  height: 70px;
}
 
td {
  padding: 0px;
  height: 70px;
}






je v tester de suite
merci bcp

n°205043
gm_superst​ar
Appelez-moi Super
Posté le 29-08-2002 à 22:41:22  profilanswer
 

Oups il y avait un petit oubli dans les mes styles CSS. Voir mon précédent post et la partie en rouge.

mood
Publicité
Posté le 29-08-2002 à 22:41:22  profilanswer
 

n°205114
babylonia
Posté le 30-08-2002 à 00:11:20  profilanswer
 

merci gm
 
voici le resultat  
http://www.tchocity.com/hfr/help
 

n°205195
gm_superst​ar
Appelez-moi Super
Posté le 30-08-2002 à 00:47:15  profilanswer
 

Well done ! C'est un site qui part bien ;)
 
Par contre tu as laissé le height: 70px; pour le td.flow.
 
En fait, préciser la hauteur de la cellule n'est pas indispensable ici, mais autant qu'elle ait la même hauteur que le <div>

n°205270
Freekill
Electron libre…
Posté le 30-08-2002 à 02:54:37  profilanswer
 

gm_superstar a écrit a écrit :

Le problème du <iframe> c'est que ça oblige à gérer 2 documents.
 
Si on veut avoir tout dans le même document, il faut mettre un <div> dans la cellule en question et lui appliquer la propriété CSS overflow: auto; ou overflow: scroll;
 
exemple :
 

<table>
  <tr>
    <td> ... </td>
    <td> ... </td>
  </tr>
  <tr>
    <td> ... </td>
    <td> ... </td>
  </tr>
  <tr>
    <td> ... </td>
    <td class="flow">
      <div> ... </div>
    </td>
  </tr>
</table>


 
Et les styles CSS :
 

Citation :

td.flow div {
  overflow: scroll;
  height: 70px;
}
 
td.flow {
  padding: 0px;
  height: 70px;
}

]




 
Ah ! Voilà qui est intéressant !
 
C'est du CSS de quel niveau ? C'est compatible avec beaucoup de brouteurs ?

n°205373
gm_superst​ar
Appelez-moi Super
Posté le 30-08-2002 à 09:46:28  profilanswer
 

Ben ça passe bien avec IE 5.x, IE 6 et mozilla, mais ça foire avec Netscape 4 (pas étonnant) et, plus génant, avec Opera 6 :/

n°205508
Profil sup​primé
Posté le 30-08-2002 à 11:59:57  answer
 

Babylonia a écrit a écrit :

http://www.tchocity.com/hfr/vla.JPG
 
 
vla ce ke je cherche a faire
dessin avec paint  :lol:




 
Excellentissime ton dessin, c beau l'art naïf [:joce] :hello:

n°205585
babylonia
Posté le 30-08-2002 à 13:44:24  profilanswer
 

merci
 
 
oui ca deconne sur opéra
c chiant :(

n°205892
babylonia
Posté le 30-08-2002 à 18:07:54  profilanswer
 

si qq1 a un truc compatible tt browser.. je suis preneur :)

n°205893
gm_superst​ar
Appelez-moi Super
Posté le 30-08-2002 à 18:09:31  profilanswer
 

Ben <iframe> je vois pas d'autre solution...

n°211912
xkamui
Their Destiny Was Foreordained
Posté le 10-09-2002 à 23:32:39  profilanswer
 

et y'a moyen de retirer les scrollbar si pas besoin, du style "scrolbar=auto" ??

n°211913
babylonia
Posté le 10-09-2002 à 23:40:16  profilanswer
 

xkamui a écrit a écrit :

et y'a moyen de retirer les scrollbar si pas besoin, du style "scrolbar=auto" ??




 
oui
jlai vu sur laurentz-design, il le fait avec une iframe
mé jc pas exactement cmt

n°211914
gm_superst​ar
Appelez-moi Super
Posté le 11-09-2002 à 00:06:13  profilanswer
 

overflow: auto;

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

  [HTML, CSS] Barre de défilement

 

Sujets relatifs
[Javascript/HTML] : ligne de tableau en surbrillance sur mouse over ?[HTML - JS] Pkoi j'ai une erreur ??
couleurs compatibles HTMLHTML : impression de page web.
Me lancer dans le html[HTML, JS] Modifier le contenu d'une frame à partir d'une autre
[HTML] Comportement diff entre IE6 Netscape 6[HTML, JS] detecter l'utilisation de js !!
[VBA] Zone html dans une formconvertion ubb vers html en php
Plus de sujets relatifs à : [HTML, CSS] Barre de défilement


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR