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

Défilement uniquement horizontal d'un cadre [HTML] - HTML/CSS - Programmation

Marsh Posté le 13-01-2005 à 23:15:33    

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 !

Reply

Marsh Posté le 13-01-2005 à 23:15:33   

Reply

Marsh Posté le 13-01-2005 à 23:25:11    

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.
Reply

Marsh Posté le 13-01-2005 à 23:29:29    

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.

Reply

Marsh Posté le 13-01-2005 à 23:34:30    

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.
Reply

Marsh Posté le 13-01-2005 à 23:36:06    

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.
Reply

Marsh Posté le 13-01-2005 à 23:38:24    

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>

Reply

Marsh Posté le 13-01-2005 à 23:39:25    

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

Reply

Marsh Posté le 13-01-2005 à 23:42:32    

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.
Reply

Marsh Posté le 13-01-2005 à 23:54:10    

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à.

Reply

Marsh Posté le 13-01-2005 à 23:57:38    

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.
Reply

Marsh Posté le 13-01-2005 à 23:57:38   

Reply

Marsh Posté le 14-01-2005 à 00:21:47    

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.

Reply

Marsh Posté le 14-01-2005 à 00:30:09    

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 ?

Reply

Marsh Posté le 14-01-2005 à 09:30:48    

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

Reply

Marsh Posté le 14-01-2005 à 09:53:20    

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.
Reply

Marsh Posté le 14-01-2005 à 10:45:49    

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
Reply

Marsh Posté le 14-01-2005 à 10:56:01    

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...

Reply

Marsh Posté le 14-01-2005 à 10:58:55    

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
Reply

Marsh Posté le 14-01-2005 à 11:07:11    

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

Reply

Marsh Posté le 14-01-2005 à 11:12:37    

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
Reply

Marsh Posté le 14-01-2005 à 11:17:25    

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
Reply

Marsh Posté le 14-01-2005 à 11:24:56    

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
Reply

Marsh Posté le 14-01-2005 à 11:30:45    

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
Reply

Marsh Posté le 14-01-2005 à 11:32:45    

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...

Reply

Marsh Posté le 14-01-2005 à 11:34:42    

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

Reply

Marsh Posté le 14-01-2005 à 11:37:21    

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

Reply

Marsh Posté le 17-01-2005 à 11:32:51    

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
Reply

Marsh Posté le 17-01-2005 à 11:34:44    

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é).

Reply

Marsh Posté le 17-01-2005 à 11:47:32    

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

Reply

Marsh Posté le 17-01-2005 à 11:49:42    

Tu peux faire pareil en CSS :)

Reply

Marsh Posté le 17-01-2005 à 11:57:42    

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  ;)

Reply

Marsh Posté le 17-01-2005 à 12:02:58    

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...

Reply

Marsh Posté le 17-01-2005 à 19:11:48    

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.
Reply

Marsh Posté le 17-01-2005 à 19:43:56    

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
Reply

Marsh Posté le 18-01-2005 à 10:26:45    

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...

Reply

Marsh Posté le 18-01-2005 à 11:46:06    

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


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 18-01-2005 à 12:01:13    

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 ;)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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