créer une barre de défilement dans un tableau

créer une barre de défilement dans un tableau - HTML/CSS - Programmation

Marsh Posté le 30-12-2004 à 13:14:38    

Bjr et bonnes fêtes,
 
j'aimerai créer une barre de défilement dans un tableau avec namo webeditor ou éventuellement qu'une partie de ce tableau passer sous une autre (comme figer les volets sous excel)possible ou pas ?
 
merci de m'aider
@+

Reply

Marsh Posté le 30-12-2004 à 13:14:38   

Reply

Marsh Posté le 30-12-2004 à 22:05:28    

pas en HTML, intéresse toi aux CSS
 
www.alsacreations.com


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 08-01-2005 à 06:20:51    

Sans passer par les css, il est possible avec un calque (couche flotante), il faut insérer ce code
 
[code]<div id="Layer4" style="position:absolute; width:200px; height:115px; z-index:3; overflow: scroll; left: 514px; top: 61px;">ton texte</div>
[code]
layer4, c'est le numéro de ton calque, si tu en as plusieurs
width:200px; height:115px c'est le format de ton calque
left: 514px; top: 61px c'est l'emplacement ou sera ton calque
overflow: scroll; c'est ta barre déroulante
 
 

Reply

Marsh Posté le 08-01-2005 à 08:14:02    

siocnarf a écrit :

Sans passer par les css, il est possible avec un calque (couche flotante), il faut insérer ce code
 
[code]<div id="Layer4" style="position:absolute; width:200px; height:115px; z-index:3; overflow: scroll; left: 514px; top: 61px;">ton texte</div>
[code]
layer4, c'est le numéro de ton calque, si tu en as plusieurs
width:200px; height:115px c'est le format de ton calque
left: 514px; top: 61px c'est l'emplacement ou sera ton calque
overflow: scroll; c'est ta barre déroulante


 
:vomi:


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 08-01-2005 à 10:48:04    

siocnarf a écrit :

Sans passer par les css, il est possible avec un calque (couche flotante), il faut insérer ce code
 
[code]<div id="Layer4" style="position:absolute; width:200px; height:115px; z-index:3; overflow: scroll; left: 514px; top: 61px;">ton texte</div>
[code]
layer4, c'est le numéro de ton calque, si tu en as plusieurs
width:200px; height:115px c'est le format de ton calque
left: 514px; top: 61px c'est l'emplacement ou sera ton calque
overflow: scroll; c'est ta barre déroulante


 [:hide]  
 http://rulzofpunk.free.fr/smileys/crashburn_fou.gif
 [:harkott]  
 [:330tdx2]  
 [:aless]  
 [:thanathos]  
 [:enzan]
 
et puis t'es gentil mais

Citation :

style="position:absolute; width:200px; height:115px; z-index:3; overflow: scroll; left: 514px; top: 61px;"


c'est du CSS. pourri et inliné, mais du CSS quand même [:itm]


Message édité par masklinn le 08-01-2005 à 10:49:02

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 08-01-2005 à 11:41:01    

siocnarf a écrit :

Sans passer par les css, il est possible avec un calque (couche flotante), il faut insérer ce code
 
[code]<div id="Layer4" style="position:absolute; width:200px; height:115px; z-index:3; overflow: scroll; left: 514px; top: 61px;">ton texte</div>
[code]
layer4, c'est le numéro de ton calque, si tu en as plusieurs
width:200px; height:115px c'est le format de ton calque
left: 514px; top: 61px c'est l'emplacement ou sera ton calque
overflow: scroll; c'est ta barre déroulante


 
ouch :ouch:  
 
Déja comme dit Masklinn, pas de CSS inline. Ensuite pour le overflow, faut pas le mettre en 'scroll', mais en 'auto'. Comme ça il n'affiche les scrollbars que quand c'est nécessaire. Et 'layer4' c'est pas le numéro du div, c'est son id  :o

Reply

Marsh Posté le 08-01-2005 à 12:26:27    

Citation :

c'est du CSS. pourri et inliné, mais du CSS quand même


Citation :

Déja comme dit Masklinn, pas de CSS inline. Ensuite pour le overflow, faut pas le mettre en 'scroll', mais en 'auto'. Comme ça il n'affiche les scrollbars que quand c'est nécessaire. Et 'layer4' c'est pas le numéro du div, c'est son id


bon ben je crois que tout est dis...
quand tu met style=... ben c'est du style (donc CSS), donc ça va dans la feuille de style, et tu te contente de l'ID (et pas son nom) du div quand tu y fait référence dans le html:
 
le CSS

Code :
  1. #layer4
  2. {
  3.   position:absolute;
  4.   width:200px;
  5.   height:115px;
  6.   z-index:3;
  7.   overflow: auto;
  8.   left: 514px;
  9.   top: 61px;
  10. }


le HTML:

Code :
  1. <div id="Layer4">Ton texte</div>


 
ceci ne fait que reprendre les explications de Masklinn et la remarque très juste de FlorentG concernant le overflow:auto


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 08-01-2005 à 13:51:05    

Ma réponse était claire pourtant ...  
 
Trop marrant le coup du "je le fais pas en css moa", avec des balises <style> :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 08-01-2005 à 17:05:47    

plainsofpain a écrit :

Ma réponse était claire pourtant ...


jamais dis le contraire ;)


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Sujets relatifs:

Leave a Replay

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