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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] Défilement uniquement horizontal d'un cadre

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML] Défilement uniquement horizontal d'un cadre

n°952735
Shaffan
Posté le 13-01-2005 à 23:15:33  profilanswer
 

Bonjour, j'ai un petit problème. Je fais un petit site internet très simple en HTML, dont voici l'url : http://www.controverse-priore.fr.st
Je l'ai fait avec Namo mais tripatouiller directement le code c'est pas forcément plus mal.
 
Comme vous pouvez le voir, si vous ne mettez pas cette page en plein écran et/ou que vous n'avez pas une résolution d'écran suffisemment importante, une barre de défilement VERTICALE se crée dans le cadre supérieur ("header" ), celui avec les boutons d'accès aux rubriques. Ce cadre a en effet pour le moment le réglage : scrolling="auto"
Or comme vous pouvez le constater, un scrolling VERTICAL c'est très très moche... donc ce que je voudrais c'est que le scrolling soit UNIQUEMENT HORIZONTAL. Mais je ne sais pas si c'est possible, et si oui, comment ?
 
D'avance merci !

mood
Publicité
Posté le 13-01-2005 à 23:15:33  profilanswer
 

n°952741
boulax
Inserer phrase hype en anglais
Posté le 13-01-2005 à 23:25:11  profilanswer
 

possible mais avec une mise en page a base de div/css (propriété overflow)
 
Un lien sympa qui présente des mises en pages variées toutes faites en xhtml/css : http://www.alsacreations.com/articles/


---------------
Posté depuis des chiottes, sales. Me gusta.
n°952744
Shaffan
Posté le 13-01-2005 à 23:29:29  profilanswer
 

Les mots que t'utilises sont pires que du chinois pour moi - comme tu l'as sans doute remarqué si t'as vu mon site, je ne suis pas un webmaster expérimenté...
 
Mais merci pour ta réponse et pour ton lien, je vais aller regarder ça - j'espère que c'est pas trop compliqué à faire.

n°952745
boulax
Inserer phrase hype en anglais
Posté le 13-01-2005 à 23:34:30  profilanswer
 

Ok :D
 
Bon en fait y'a plus simple.... Arrange toi pour mettre toutes tes "briques" dans la meme ligne d'un tableau et ca devrait passer en scroll horizontal.


---------------
Posté depuis des chiottes, sales. Me gusta.
n°952746
boulax
Inserer phrase hype en anglais
Posté le 13-01-2005 à 23:36:06  profilanswer
 

Code :
  1. <!--Namo WebEditor Data 4.0
  2. :EmbededNPI1
  3. /SEAAHhe7VkHVBTJ1m6QDApIjgKCiCBZgmQQkSBxgZEoDs6QJkiOgoDk6GOQRTIiOQiLg4iC
  4. IAi4AhJEliRLFBck6oIO83pmZNfj2fAe6/rv+c+rntt1u7vurTvTX9Wd+gqO9HYCAIAMJwie
  5. wWLshEAJ6CO9L3o6Qb1dfS+S7v5ahqjJAAbwkhsQ+vzRnq4pQCsBGNJZDKy/I+jeLl4ezAAw
  6. /lF/RQ0A+gdJ95+Auiw3ACBQSshdGwDQpCLJbnEGFUMAj8d/bPjRIRJAAZ4AAnACPPYU6F81
  7. QqDkkQKeAfBroCPyv+oM0CAeAoD0Hj2RgXbEiLz9vUXBcPbt0c+vZt8AFwF/wBs8CwAye/Hm
  8. nApaocDAECgFpICHK0wFvCbE+VvF7hqICUJpMdckKaqaABkZ0dTd28v9D0w/dbfRdRDIqne5
  9. 8Ek/ICDJfrfbT2yJXSFg


 
sympa l'éditeur :D


---------------
Posté depuis des chiottes, sales. Me gusta.
n°952747
Shaffan
Posté le 13-01-2005 à 23:38:24  profilanswer
 

Hu ?
 
Moi je vois ça :

Code :
  1. <html>
  2. <head>
  3. <meta name="description" content="Crée un cadre modifiant le contenu du cadre du milieu. Les pages correspondant aux hyperliens présents dans le cadre d'en-tête s'ouvrent dans le cadre principal.">
  4. <title>La controverse autour de l'onde Priore. Travail de Sociologie et Histoire des Sciences et Techniques.</title>
  5. <meta name="generator" content="Namo WebEditor v5.0(Trial)">
  6. </head>
  7. <frameset cols="50, 90%, 50" border="0">
  8.     <frame name="left" scrolling="no" marginwidth="0" marginheight="0" src="gauche.htm" noresize>
  9.     <frameset rows="100, 84%, 31">
  10.         <frame name="header" scrolling="auto" marginwidth="0" marginheight="0" namo_target_frame="detail" src="priore_menu.htm" noresize>
  11.         <frame name="detail" scrolling="auto" marginwidth="10" marginheight="14" src="accueil.htm" noresize>
  12.         <frame name="footer" scrolling="no" marginwidth="10" marginheight="0" src="bas.htm" noresize>
  13.     </frameset>
  14.     <frame name="right" scrolling="no" marginwidth="0" marginheight="0" src="droite.htm" noresize>
  15.     <noframes>
  16. <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
  17. <p>Cette page utilise des cadres. Pour pouvoir la consulter, votre navigateur doit supporter les cadres.</p>
  18.     </body>
  19.     </noframes>
  20. </frameset>
  21. </html>

n°952749
Shaffan
Posté le 13-01-2005 à 23:39:25  profilanswer
 

Ce que t'appelles mes "briques" ce sont mes somptueux boutons que j'ai dessiné moi-même avec amour et délicatesse (mais sans talent) ? :D

n°952752
boulax
Inserer phrase hype en anglais
Posté le 13-01-2005 à 23:42:32  profilanswer
 

regarde le code source de "priore_menu.htm" et ajoute/remplace <p></p> par :

Citation :


<table align="center"><tr><td><a href="accueil.htm" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/priore_menu_htm_smartbutton12.gif', true)" target="detail"><img src="images/priore_menu_htm_smartbutton10.gif" namo_npi=":EmbededNPI1" border="0" name="image1"></a><a href="introduction.htm" target="detail">  
</a><a href="introduction.htm" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'images/priore_menu_htm_smartbutton13.gif', true)" target="detail"><img src="images/priore_menu_htm_smartbutton1.gif" namo_npi=":EmbededNPI2" border="0" name="image2"></a>  
<a href="historique.htm" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'images/priore_menu_htm_smartbutton14.gif', true)" target="detail"><img src="images/priore_menu_htm_smartbutton3.gif" namo_npi=":EmbededNPI3" border="0" name="image3"></a>  
<a href="machine.htm" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'images/priore_menu_htm_smartbutton15.gif', true)" target="detail"><img src="images/priore_menu_htm_smartbutton4.gif" namo_npi=":EmbededNPI4" border="0" name="image4"></a>  
<a href="acteurs.htm" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'images/priore_menu_htm_smartbutton16.gif', true)" target="detail"><img src="images/priore_menu_htm_smartbutton5.gif" namo_npi=":EmbededNPI5" border="0" name="image5"></a>  
 
 
<a href="perspectives.htm" target="detail" OnMouseOut="na_restore_img_src('image6', 'document')" OnMouseOver="na_change_img_src('image6', 'document', 'images/priore_menu_htm_smartbutton17.gif', true)"><img src="images/priore_menu_htm_smartbutton8.gif" namo_npi=":EmbededNPI6" border="0" name="image6"></a> <a href="glossaire.htm" OnMouseOut="na_restore_img_src('image7', 'document')" OnMouseOver="na_change_img_src('image7', 'document', 'images/priore_menu_htm_smartbutton18.gif', true)" target="detail"><img src="images/priore_menu_htm_smartbutton11.gif" namo_npi=":EmbededNPI7" border="0" name="image7"></a>&nbsp;<a href="sources.htm" target="detail" OnMouseOut="na_restore_img_src('image27', 'document')" OnMouseOver="na_change_img_src('image27', 'document', 'images/priore_menu_htm_smartbutton21.gif', true)"><img src="images/priore_menu_htm_smartbutton24.gif" namo_npi=":EmbededNPI8" border="0" alt="images/priore_menu_htm_smartbutton9.gif" name="image27"></a>  
<a href="liens.htm" target="detail" OnMouseOut="na_restore_img_src('image8', 'document')" OnMouseOver="na_change_img_src('image8', 'document', 'images/priore_menu_htm_smartbutton19.gif', true)"><img src="images/priore_menu_htm_smartbutton7.gif" namo_npi=":EmbededNPI9" border="0" alt="images/priore_menu_htm_smartbutton9.gif" name="image8"></a> </td></tr>
</table>



 
c'est pas tres propre comme solution (et ca reste a tester) mais bon vu que t'utilises un éditeur qui génère un peu n'importe quoi, ca devrait faire l'affaire ;)


Message édité par boulax le 13-01-2005 à 23:43:43

---------------
Posté depuis des chiottes, sales. Me gusta.
n°952764
Shaffan
Posté le 13-01-2005 à 23:54:10  profilanswer
 

Merci, mais malheureusement ça ne marche pas.
 
Avec mon editeur (et t'as raison il génère vraiment n'imp lol !) j'arrive plus ou moins à qqc avec un tableau invisible, mais c'est pas encore top. Je vais chercher de ce côté là.

n°952767
boulax
Inserer phrase hype en anglais
Posté le 13-01-2005 à 23:57:38  profilanswer
 

Met chacune de tes "briques" (:o) dans une case d'un tableau mais sur la meme ligne:
 
<table><tr><td>brique1</td><td>brique2</td>etc...</tr></table>
 
ça devrait marcher...


---------------
Posté depuis des chiottes, sales. Me gusta.
mood
Publicité
Posté le 13-01-2005 à 23:57:38  profilanswer
 

n°952786
Shaffan
Posté le 14-01-2005 à 00:21:47  profilanswer
 

Comme je suis un gros fénéant, j'ai fait ce genre de truc avec mon logiciel. J'ose même pas aller regarder le code tellement ça doit être dégueulasse, mais ça semble plutot bien marcher. Juste que les boutons ( :o ) sont maintenant un peu trop espacés mais je vais bien trouver une solution.
Au pire c'est bien comme ça.
 
J'ai fait une mise à jour si tu veux aller voir.

n°952794
Shaffan
Posté le 14-01-2005 à 00:30:09  profilanswer
 

Voilà, ça fonctionne bien maintenant je pense.
 
Merci beaucoup j'aurais pas pensé à utiliser un tableau !
 
Au fait si t'es encore là, je pourrais te poser une autre petite question ? :D Dans la page "acteurs", qui est réglée en scrolling automatique, IE crée une bare de défilement verticale (logique le texte est trop long) mais également une horizontale (ce qui ne sert absolument à rien). Je dis IE, car Firefox est semble-t-il plus intelligent, il la crée pas lui.
Y'a un moyen de virer cette barre facilement ?

n°952904
FlorentG
Unité de Masse
Posté le 14-01-2005 à 09:30:48  profilanswer
 

Shaffan a écrit :


Merci beaucoup j'aurais pas pensé à utiliser un tableau !


 
Heureusement, parce que l'énergumène qui t'as dis d'utiliser un tableau mérite des coups de bâtons :D

n°952920
boulax
Inserer phrase hype en anglais
Posté le 14-01-2005 à 09:53:20  profilanswer
 

FlorentG a écrit :

Heureusement, parce que l'énergumène qui t'as dis d'utiliser un tableau mérite des coups de bâtons :D


http://rulzofpunk.free.fr/smileys/crashburn_fou.gif


---------------
Posté depuis des chiottes, sales. Me gusta.
n°952950
Shaffan
Posté le 14-01-2005 à 10:45:49  profilanswer
 

Mais non il mérite mon éternelle reconnaissance... Oui c'est du bricolage, oui c'est sûrement dégueulasse comme code, mais je m'en tamponne les coucougnettes du moment que ça s'affiche correctement :D


Message édité par Shaffan le 14-01-2005 à 10:46:04
n°952955
FlorentG
Unité de Masse
Posté le 14-01-2005 à 10:56:01  profilanswer
 

Ah bravo :cry: :cry: .. Et le jour où tu voudra changer la mise en forme, tu devra changer chaques pages une-à-une, au lieu de quelques lignes dans un fichier...

n°952958
masklinn
í dag viðrar vel til loftárása
Posté le 14-01-2005 à 10:58:55  profilanswer
 

5 frames pour une seule page [:petrus75]  
ouputain [:petrus75]  
 
 :ouch:  
ton site tout Lynx il est http://www.microserfs.net/HFR/petrus/lovetounet.gif
 
je te montre le menu:
http://img124.exs.cx/img124/1940/supermenu4xz.png
 
 http://www.microserfs.net/HFR/petrus/petruskahn.gif


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°952965
FlorentG
Unité de Masse
Posté le 14-01-2005 à 11:07:11  profilanswer
 

Diantre ! J'avais pas vu toutes ces Frames.... C'est Google qui va tirer la tronche :eek:

n°952970
FlorentG
Unité de Masse
Posté le 14-01-2005 à 11:12:37  profilanswer
 

Moi mon Lynx m'affiche ça :
http://florent.geffroy.free.fr/lynx.png
En premier la liste de frames, en deuxième le magnifique tableau de dessus  :(


Message édité par FlorentG le 14-01-2005 à 11:12:44
n°952976
FlorentG
Unité de Masse
Posté le 14-01-2005 à 11:17:25  profilanswer
 

Dans la page "LES ACTEURS DE LA CONTROVERSE", la différenciation des acteurs repose sur la couleur, ce qui est une violation de plusieurs critères d'accessibilité, Voir sur cette page. Moi, les acteurs roses sur fond bleu, j'ai un peu du mal  :cry:


Message édité par FlorentG le 14-01-2005 à 11:18:38
n°952983
Xav_
The only one...
Posté le 14-01-2005 à 11:24:56  profilanswer
 

Citation :

Comme je suis un gros fénéant, j'ai fait ce genre de truc avec mon logiciel. J'ose même pas aller regarder le code tellement ça doit être dégueulasse, mais ça semble plutot bien marcher.


Citation :

Oui c'est du bricolage, oui c'est sûrement dégueulasse comme code, mais je m'en tamponne les coucougnettes du moment que ça s'affiche correctement :D


le moins qu'on puisse dire c'est que tu es né avec l'âme d'un programmeur toi au moins !!!


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
n°952991
masklinn
í dag viðrar vel til loftárása
Posté le 14-01-2005 à 11:30:45  profilanswer
 

FlorentG a écrit :

Moi mon Lynx m'affiche ça :
http://florent.geffroy.free.fr/lynx.png
En premier la liste de frames, en deuxième le magnifique tableau de dessus  :(


moi je montrais le menu (page "header" du frameset) [:aloy]
(si tu montrais la même, j'ai pas compris)
(dans tous les cas, c'est mal [:totoz] )


Message édité par masklinn le 14-01-2005 à 11:32:47

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°952994
FlorentG
Unité de Masse
Posté le 14-01-2005 à 11:32:45  profilanswer
 

Masklinn a écrit :

moi je montrais le menu (page "header" du frameset) [:aloy]


 
Pareil, sur la deuxième image, sauf que chez moi y'a un espèce de truc qui s'affiche qui correspond au nom de fichier je crois bien, en l'absence de alt...

n°952998
Shaffan
Posté le 14-01-2005 à 11:34:42  profilanswer
 

Ca se voit non que mon but n'est pas de faire qqc de propre ?
Comme dit le seul but de ce site est de remplacer un rapport écrit. C'est un devoir en fait, qui sera lu une et unique fois par mon prof, qui utilise très très très certainement IE. Alors que ça s'affiche pas avec Lynx ou je ne sais quel logiciel dont je n'ai jamais entendu parler (et mon prof encore moins) je m'en biponne les castagnettes.
 
Cela dit vous avez entièrement raison, c'est du travail de cochon, et en plus j'en suis fier :D

n°953001
FlorentG
Unité de Masse
Posté le 14-01-2005 à 11:37:21  profilanswer
 

Teuteuteu, ton site (du moins son sujet) peut intéresser du monde, ça serait bien d'en faire profiter la communauté en lui donnant les moyens d'y arriver :)

n°954429
dudul5
Posté le 17-01-2005 à 11:32:51  profilanswer
 

FlorentG a écrit :

Heureusement, parce que l'énergumène qui t'as dis d'utiliser un tableau mérite des coups de bâtons :D


 
 
C'est koi le probleme avec les tableaux ?


Message édité par dudul5 le 17-01-2005 à 11:43:37
n°954432
FlorentG
Unité de Masse
Posté le 17-01-2005 à 11:34:44  profilanswer
 

dudul5 a écrit :

C'est koi le probleme avec les tableaux ?


 
L'HTML est un langage qui sert à structurer et à sémantiquiser un contenu. Il n'est absolument pas là pour faire de la présentation. Donc déjà, un tableau pour la présentation, c'est lier le contenu et sa forme.
Aussi, d'un point de vue sémantique, un tableau ça sert pour des données tabulaires, pas pour de la mise en page. Entre un site entièrement en tableaux, et un site bien sémantique, google par exemple va préférer le site sémantique (ça a été maintes fois démontré).

n°954439
dudul5
Posté le 17-01-2005 à 11:47:32  profilanswer
 

Ah ok...
Perso, j'utilise souvent des tableaux (non... pas la tete... ou doucement alors...) qui peuvent etres a 100% et donc suivre la resolution du visiteur...
Mon exemple : Warm-up-tuning

n°954442
FlorentG
Unité de Masse
Posté le 17-01-2005 à 11:49:42  profilanswer
 

Tu peux faire pareil en CSS :)

n°954444
dudul5
Posté le 17-01-2005 à 11:57:42  profilanswer
 

Ya pas de probleme avec les navigateurs kan on utilise les CSS ?
La boite ou j'etait avant, on utilisais tout le temps des tableaux... Au moins, les sites gardaient leur mise en page aussi bien sur IE que Netscape PC et MAC...
Si ca marche aussi bien avec les CSS, vais me pencher un peut sur la question et faire une http://img83.exs.cx/img83/8926/recherche_scrabble_fa.png  ;)

n°954448
FlorentG
Unité de Masse
Posté le 17-01-2005 à 12:02:58  profilanswer
 

Maintenant ça commence à fonctionner un peu partout, mis à part quelques trucs pas gérés sous IE. Les tableaux, c'était du temps de Netscape 4.7...

n°954947
boulax
Inserer phrase hype en anglais
Posté le 17-01-2005 à 19:11:48  profilanswer
 

FlorentG a écrit :

Tu peux faire pareil en CSS :)


 
...mais c'est casse-couille....
 
Je suis tout a fait d'accord sur le respect de la sémantique, mais dans ce  cas précis on voit bien que le mec en a rien a cirer, et je le comprends [:spamafote]. Et même, en ce qui me concerne, la mise en page css j'ai essayé... J'ai pas eu spécialement l'envie ni la motivation de me plonger dans les flux css, le positionnement etc, sachant que même en suivant des modèles tout fait j'arrivais pas a obtenir ce que je voulais, ou alors pas sur toutes les plateformes, alors qu'avec un tableau bien reglé (en css ;) ) ça passe tout seul... Bref... J'ai proposé un tableau parce que vu comment le site est foutu, et vu que l'auteur n'est pas pro ni initié, j'allais pas lui dire "refait tout en xhtml 1.1/css, et rends ton site lisible sous mon naviguateur en braille sale noobz"....


---------------
Posté depuis des chiottes, sales. Me gusta.
n°954974
masklinn
í dag viðrar vel til loftárása
Posté le 17-01-2005 à 19:43:56  profilanswer
 

boulax a écrit :

"refait tout en xhtml 1.1/css[...]"


xhtml 1.0 [:aloy]  
MSIE est incapable de comprendre du XHTML 1.1 servi correctement (c'est à dire en tant que XML et non text/html)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°955288
FlorentG
Unité de Masse
Posté le 18-01-2005 à 10:26:45  profilanswer
 

boulax a écrit :

...mais c'est casse-couille....


Pour moi, c'est les tableaux qui sont casse-couilles, faut en imbriquer 256 à chaque fois, mettre des spacer.gif, jouer avec les colspan et rowspan. Au final on obtient un machin pas possible, incompréhensible, lourdingue, le site ne s'affiche que lorsque le tableau est téléchargé, etc, etc...

n°955357
boulax
Inserer phrase hype en anglais
Posté le 18-01-2005 à 11:46:06  profilanswer
 

Oui bon, moi je fais pas des mises en pages super recherchées non plus :D


---------------
Posté depuis des chiottes, sales. Me gusta.
n°955364
FlorentG
Unité de Masse
Posté le 18-01-2005 à 12:01:13  profilanswer
 

boulax a écrit :

Oui bon, moi je fais pas des mises en pages super recherchées non plus :D


 
Donc ce sera encore plus facile en CSS ;)

mood
Publicité
Posté le   profilanswer
 


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

  [HTML] Défilement uniquement horizontal d'un cadre

 

Sujets relatifs
Code HTML : backgroundCD en html bloqué par SP2
[HTML][PHP][CSS] possible de remplir 2 div en même temps ?Php au lieu du Html
HTML CSS - décalage dans mes tablesExecuter des commandes UNIX depuis le html ou jsp ?
probleme cadre resolution dans la page aide!!!Editeur PHP/HTML
Besoin d'aide pour ceux qui maitrisent bien l'html[CSS] Menu horizontal 1 ligne style www.macromedia.com ???
Plus de sujets relatifs à : [HTML] Défilement uniquement horizontal d'un cadre


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