[HTML, CSS] Barre de défilement

Barre de défilement [HTML, CSS] - Programmation

Marsh Posté le 29-08-2002 à 19:23:23    

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
Reply

Marsh Posté le 29-08-2002 à 19:23:23   

Reply

Marsh Posté le 29-08-2002 à 19:55:35    

IFRAME ?

Reply

Marsh Posté le 29-08-2002 à 20:07:51    

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

Reply

Marsh Posté le 29-08-2002 à 20:13:13    

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
Reply

Marsh Posté le 29-08-2002 à 20:28:57    

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ù?

Reply

Marsh Posté le 29-08-2002 à 20:32:27    

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?

Reply

Marsh Posté le 29-08-2002 à 20:37:49    

[:google]

Reply

Marsh Posté le 29-08-2002 à 21:31:19    

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
Reply

Marsh Posté le 29-08-2002 à 22:16:35    

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

Reply

Marsh Posté le 29-08-2002 à 22:41:22    

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

Reply

Marsh Posté le 29-08-2002 à 22:41:22   

Reply

Marsh Posté le 30-08-2002 à 00:11:20    

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

Reply

Marsh Posté le 30-08-2002 à 00:47:15    

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>

Reply

Marsh Posté le 30-08-2002 à 02:54:37    

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 ?

Reply

Marsh Posté le 30-08-2002 à 09:46:28    

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 :/

Reply

Marsh Posté le 30-08-2002 à 11:59:57    

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:

Reply

Marsh Posté le 30-08-2002 à 13:44:24    

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

Reply

Marsh Posté le 30-08-2002 à 18:07:54    

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

Reply

Marsh Posté le 30-08-2002 à 18:09:31    

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

Reply

Marsh Posté le 10-09-2002 à 23:32:39    

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

Reply

Marsh Posté le 10-09-2002 à 23:40:16    

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

Reply

Marsh Posté le 11-09-2002 à 00:06:13    

overflow: auto;

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed