28173 sujets

CSS et mise en forme, CSS3

Mon problême est le suivant : J'aimerais trouver une autre solution pour permettre la navigation dans un calque que l'assenceur type windows fournis à la base. Même si on le change de couleur, il reste moche . Quelqu'un peut-il me donner d'autres solutions et surtout les codes ou liens qui vont avec?
D'avance merci...
Bonjour,

Moche, peut-être, mais connu de tous les utilisateurs, immédiatement identifiable et par définition sans problèmes d'implémentation. Eviter les bricolages hasardeux, donc.

Cela dit, il existe une autre solution, imparable et nettement plus intéressante pour l'utilisateur: cesser de faire ces fichues blocs scrollables dans les pages Web Smiley rolleyes
Il me semble que le changement d'aspect des scrolls n'ait faisable que sous IE et que d'autres techniques (il me semble en avoir vu d'autres) ne sont pas valides... Mais ce n'est peut être pas ton souci ?! Smiley smile
Laurent Denis a écrit :
Moche, peut-être, mais connu de tous les utilisateurs, immédiatement identifiable et par définition sans problèmes d'implémentation. Eviter les bricolages hasardeux, donc.

+1

Petit dialogue :
a écrit :
« Bonjour je voudrais tout contrôler dans ma mise en page.
— Désolé Monsieur, mais je crois que ce n'est pas possible.
— Comment ça ? Mais c'est un scandale !
— Voyez-vous, il s'agit de contraintes extérieures, imposées par les systèmes d'exploitation ou les utilisateurs eux-même.
— Mais qu'est-ce qu'ils viennent faire dans cette histoire les utilisateurs ? On les a pas sonnés d'abord !
— … »

Smiley cligne
dldstyle a écrit :
et que d'autres techniques (il me semble en avoir vu d'autres) ne sont pas valides...


Si : on peut tout à fait faire un script permettant de scroller avec un bouton "vers le haut" et un bouton "vers le vas", ou des choses graphiquement plus évoluées (Quelqu'un a posté ces derniers jours un sujet dans ce forum sur une page avec un dispositif de ce type).

Mais la question de fond est: croyez-vous que chacun de vos visiteurs prendra la peine et le temps d'apprendre le mode d'interaction propre à votre site ?
C'est un truc genre la dernière solution que vous venez de me proposer qui m'interresse. Un script pour monter et descendre dans le calque avec 2 boutons . oui oui. Mais ou est ce sript ???
Je le trouve po ?
En attendant merci pour ces réponses....
Bonjour, j'ai beau chercher, je ne trouve toujours pasd le poste concernant ces fameux boutons up and down pour ce balladder verticalement dans un calque ? Ou des zones senssible en haut et bas de calque pour monter ou descendre ds ce calque ? Et bien sûr en même temps suprimer l'affichage automatique de l'assenceur lorsque oveflow est sur auto ???? Enfin voilà, je patoge donc si quelqu'un peut m'aider ???? Merki ....
Voilà le type d'assenceur que je voudrais faire : voir ce site
donc si quelqu'un a une idée pour trouver des codes source se rapprochant de ça.... OU des liens pour trouver des équivalent... En claire : au secour ?
Bonjour,
fbinfographie a écrit :

donc si quelqu'un a une idée pour trouver des codes source se rapprochant de ça....

Grrrr... il faut être adroit pour attraper l'ascenceur et avoir de bons yeux pour lire le texte Smiley decu
Comme c'est du flash, tu devrais t'orienter vers les forums spécialisés.
Merci pour le conseil, lol... En fait ce que je n'arrive pas à savoir, c'est si il faut que je fasse un assenceur sous flash que je peux appeler (et dequelle façon ?) ensuite avec du code dans mes pages css ou si je suis obliger pour réaliser ce type d'assenceur de réaliser mon site en flash à 100%, Ce qui m'embêterait grandement ? Smiley decu
Tu doit pouvoir réaliser uniquement ton ascenseur en flash et faire bouger ta page "artificiellement", mais cette méthode devra obligatoirement utiliser du javascript (10 à 12% des visiteurs l'ont désactivé).
A toi de voir.
Sinon, tu peux aussi tout faie javascript, ça ne doit pas être très compliquer (à mon avis plus simple qu'une interaction flash-javascript pour les non-initiés).Là encore, va voir les forums dédiés.
Bonjour,

Ce que tu souhaites obtenir est une source potentielle de problèmes d'accessibilité. Il est donc nécessaire de procéder rigoureusement.

La première étape va être de créer la page XHTML CSS finale (donc avec une structure et une présentation optimales) sans cet effet : ce sera en effet sur cette page "naturelle" que devront "retomber" les visiteurs ayant désactivés l'une ou l'autres des techniques qui vont être utilisées ensuite pour ajouter l'effet.

La seconde étape sera, ensuite, de modifier uniquement via javascript les propriétés CSS et le contenu de la page pour:
- masquer la barre de scroll verticale si la page naturelle en comportait une
- ajouter les "boutons" de défilement
- réaliser le défilement

Dans le résultat final, les visiteurs qui ne répondent pas aux conditions fixées pour l'effet (CSS+javascript activés) devront pouvoir accéder normalement au contenu.

Flash est inutile ici, et ne ferait que rendre le résultat beaucoup moins robuste en ajoutant à l'utilisateur une contrainte supplémentaire (javascript+CSS+Flash) pour que la page soit fonctionnelle.
Bonjour,merci Laurent et sousoulebarbu pour ces conseils éclairés Je dois vous préciser que je débute. Pour l'instemps, dans les étapes énoncées, j'en suis à la première. C'est à dire que mes pages sont pour le moment finalisées avec l'assenceur par défaut (recoloré sous IE et normal puisque non retouchable sous les autres navigateurs, à moins que vous ayez un combine pour ça aussi ? Celà me suffirait, mais je ne crois pas que ça existe ?). Maintenant Il faudrait que je trouve le code javascript dont vous me parler pour bloquer cet assenceur par défaut, créer le miens, puis le mettre à la place . Mais comment faire ? où chercher ça. J'imagine que peut-être avec "overflow:hidden;" mais je ne pense pas être sur la bonne piste là. Maintenant si ça commence comme ça, je ne vois pas la suite ? Smiley decu Donc bilan : Suis toujours dans la panade ... Donc Rehelp.
Bonjour Smiley smile

@ Laurent : Tu sembles opposé (et j'imagine pas le seul) à l'overflow sur un div dans une page html.

a écrit :
cesser de faire ces fichues blocs scrollables dans les pages Web


Comme j'interviens en formation auprès d'un jeune public de concepteurs web et que j'essaye depuis 18 mois de les convaincre que le graphisme ne fait pas tout (accessibilité, ergonomie, standards) voudrais tu développer la ou les raisons de ce "rejet", ici ou par mp Smiley smile suis très preneur de ces infos.

Merci et pardonnez ce partiellement hors-sujet.
Modifié par Philos (02 Aug 2006 - 14:20)
Bonjour Philos, je ne répond pas à la place de Laurent, je ne me permettrait pas mais je réagit à ce que tu as dis, en fait je suis d'abord infographiste et j'apprend à être webdesigner. Mais ma clientèle reste la même. Je lui propose juste le service de réaliser son site web en plus. Je suis d'accord avec toi, le fonctionnement du site c'est important, son ergonomie, etc...

Jusqu'à aujourd'hui les clients prenais ce qu'on leur donnais car le monde des webdesigner était fait de programmeurs plus que de designer. Depuis quelques temps ça change et je fais partie de ces nouvelles générations de créateurs de site web à qui l'on demande en plus des fonctionnalités de proposer des site avec de vrai designs.

Le temps des sites webs fonctionnel mais non designés ou réfléchis comme des outils de promotion, comme des supports publicitaire et comme des médias top design se termine je le pense vraiment. Preuve en est, que les clients viennent nous voir nous infographistes en nous demandant de nous glisser dans la peau de webdesigners pour relooker leur site ??? Donc je ne suis pas d'accord, le design donc le graphisme prend et prendra de plus en plus de place dans un site, et ceux si seront créés de plus en plus avec des outils d'intégration type flash, dreamwether and co (Je sais que j'en fais hurler certains en disant celà Smiley biggol mais c'est ce que je vie dans mon travail au quotidien et la raison pour laquelle je me met à la réalisation de site ...).

Il suffit de regarder les nouvelles générations de sites qui arrivent. Ils sont de plus en plus designs,regarde ce qui se fait. Le site web est un média qu'il faut apprendre à faire fonctionner certe mais il faut surtout que cet outil de communication soit au service des créateurs. et non qu'il alienne la création de part sa complexité ou sa rigidité d'utilisation... Certe ce n'est pas le discour d'un programmeur que je tiens (car je n'en suis pas un vous l'aurez deviné donc j'apprend car celà ne m'empêche pas de penser que la maîtrise du code reste incontournable aujourd'hui Smiley lol .), mai c'est ce qui change en ce moment avec les outils d'intégration encore une fois, et l'apparition du css et des flux rss etc.... ça ne veux pas dire que les programmeurs purs vont disparaîtrent, loin de là...

En tout cas, voilà pourquoi je crois qu'il ne faut pas dire à de futurs webdesigners que le design d'un site est secondaire. Cet argument était surement valable il y a encore quelques années, mais n'est plus au goût du jour je le craint ? Voilà pourquoi aussi quand on réfléchie des pages web avec un design un peu sympa en étant obligé d'y intégrer ces maudites barre de scroll imposée par les navigateurs, on se sent un peu excédé et on cherche d'autre solutions mais sans forcément vouloir se passer d'une barre de scroll... Ne serais-ce que pouvoir redesigner cette barre en terme de largeur, hauteur, couleur au minimum..... Pour l'instemps seul IE propose ça et seulement pour la couleur... C'est un peu short quand même Smiley fache ...

Mais bon cet avis n'engage que moi. Que ceux qui ne sont pas d'accord ne m'en veuille pas trop ? Voilà j'espère avoir donné un avis qui sera certainement contreversé, mais n'est-ce pas le principe du forum ? .... même si je n'ai toujours pas trouvé la réponse qui me conviens concernant mon asseceur... Smiley decu lol....

Par contre Laurent, j'ai finalisé mes pages webs il me faudrais maintenant la combine pour masquer les bare de scroll (étape 2). Voilou à quoi ressemble mes assenceurs pour le moment : Le site

bidouilles couleurs sous IE et normal le reste du temps ....
ça a beau être un petit site tout simple sans prétentions, j'aimerais y placer des assenceurs sympa, voilà tout.

D'avance merci pour les renseignements. Smiley lol
Modifié par fbinfographie (03 Aug 2006 - 01:59)
fbinfographie a écrit :

[... ]


Bonjour fbinfographie,

On sent que ça vient du coeur tout ce paquet Smiley cligne , par contre il faudrait s'en tenir au sujet initial. Je me retiens personnellement jusqu'à vendredi d'intervenir sur ton dernier post, pourtant j'ai des démangaisons partout Smiley lol .
Modifié par Igor (03 Aug 2006 - 02:30)
Bonjour,

Ma foi, on ne dois pas avoir les mêmes clients !
Les miens en général integrent un raisonnement économique et me demandent prioritairement un site web qui soit principalement visible et accessible depuis un moteur de recherche car je crois qu'ils ont enfin compris qu'il n'est pas très efficace en terme de retombées économiques que d'avoir une superbe affiche publicitaire accroché dans son cabinet de toilette. D'autres ont aussi compris que pour assurer autant que faire ce peut la pérénité de leurs investissements Web le choix de la validation W3C est plutôt une garantie de portabilité sur les différents navigateurs et aussi une certaine independance vis à vis de leur webmaster !! et enfin les plus rares imposent (ou se laisse imposer) une accèssibilité poussée par solidarité ou plutôt par raisonnement économique.

Je t'avouerais gentiment que du plus petit au plus grand, ils se moquent un peu (beaucoup) des tribulations du standard du Web mais qu'ils sont de moins en moins Internet-ignorants et qu'ils raisonnent (à condition de leur apporter les éléments techniques de décision !!) en termes d'efficacité économique, de part de marché et que peut être malheuseusement si le design est biensûr important le retour d'investissement l'est davantage et pour moi toute l'alchimie d'un bon webmaster est d'équilibrer par ses compétences l'efficacité et le design optimum. Cela s'obtient qu'en ayant un maximum de connaissances dans les 2 disciplines, chose ardue mais qui fait le "charme" de cette profession et à laquelle il faut rajouter bien entendu les joies du référencement et de la fidelisation de l'internaute lambda.

En terme de raisonnement publicitaire (je ne suis pas d'accord avec ce terme car contrairement à la pub, un site doit apporter à son visiteur un contenu solide) que penses tu que choisirait Mr Segala un panneau 4x4 sur le plateau du Larzac en janvier ou un 2x2 au bord de la N7 le 31 juillet ?

Et puis teste sur ton prochain client sans parler du coût de production : je vous sert un site super design en flash, optimisé IE, non accessible et peu référencable qui sera potentiellement visible par 20% des internautes ou quelque chose de plus traditionnel mais visible à 80-90% de la population du net?

Avec tes convictions tu devrais peut être t'orienter vers des développements flash qui en terme de design n'ont plus rien à prouver et qui surpassent et de loin le bon vieux html même agrémenté de css.

Cordialement.

<edit>
Désolé, ça m'a trop "gratté" ...
</edit>
Modifié par ghost (03 Aug 2006 - 02:43)
ghost a écrit :

<edit>
Désolé, ça m'a trop "gratté" ...
</edit>


C'est sûr que quand sa démange beaucoup il faut se gratter Smiley lol , nos posts se sont croisés.

@fbinfographie
Je ferme ce sujet par précaution Smiley cligne .