Raphael

Sondage posté... vous pouvez supprimer ce sujet devenu inutile

Je dois me décider pour une interface de chorale (en ébauche) Voici les 10 versions : http://www.petits-chanteurs-strasbourg.com/tests.htm Merci d'avance

Arlette > elles sont déjà numérotées, mais je vais effectivement faire un vote : bonne idée. En attendant, j'ai penché la cloche et c'est beaucoup mieux !

>>> dites-moi tous un nombre différent, comme ça je serai aidé !!! Excellente idée !

Humm, pourrais-tu préciser s'il te plaît (je viens d'en rajouer) ?

Je viens de rajouter 3 nouvelles ébauches pour tester des couleurs différentes : qu'en pensez-vous ?

Très bonne idée, la couleur chaude. Je ne pourrais pas déroger au bleu (c'est une exigence), mais je peux modifier le brun que je trouve effectivement un peu trop sobre avec le recul. Je vais aussi faire des essais de couleur sur le titre. Par contre, lorsque les illustrations seront insérées dans le bandeau, je pense qu'il y'aura bien plus de couleurs qu'en ce moment.

Merci Arlette pour tes commentaires et avis. Pour ce qui est de la cloche, je préfère ne pas allourdir la page, ni faire des "sapins de Noël" qui bougent de partout : même si c'est sympa à la première visite, ça risque de devenir lassant rapidement. Par contre, je retiens ton idée de mettre les notes sur tout le bandeau

Je suis en-train de réaliser un site pour une chorale. J'en suis au brouillon de la charte graphique, dont voici les principales contraintes : rester sobre, avoir des teintes bleues et une cloche sur l'interface. Pour l'instant, j'attend les illustrations du client pour finir le header et notamment la frise d'images. Mon problème est que je suis en panne d'idée pour le menu du site. Il faut que cela soit avant-tout sobre et ergonomique, mais rien n'empêcherait un peu d'originalité... et sur ce coup, j'avoue que je sèche. La cloche doit me gêner quelque part sans doute. Pourriez-vous jeter un oeil aux 5 essais ici : http://www.petits-chanteurs-strasbourg.com/tests.htm ... Puis me dire ce que vous en pensez, et surtout quelles idées vous auriez pour me dépanner ? Merci d'avance

Je continue sur le sujet pour te proposer un tuto sur l'alternative aux iframes/frames ici : http://www.alsacreations.com/articles/frames/ Bonne chance pour ton projet

La méthode de Fight est la plus propre (attention cependant : pas de majuscules dans les balises) Voici un tuto qui ressemble beaucoup à ce qu'à fait Fight, il suffit de l'adapter : http://www.alsacreations.com/articles/menu/

Euh, non, moi j'ai dit qu'il valait mieux utiliser des div à la place C'est comme si on transformait une fourchette en cuillère pour boire sa soupe : autant utiliser une cuillère tout de suite Par contre il est vrai qu'il serait plus logique d'appliquer le block à la balise <a> (qui est également une balise en-ligne)

Les spans sont effectivement des balises en-ligne. Pour quelles deviennent des blocs, il suffirait de leur appliquer display: block. Mais c'est tout à fait inutile car tu obtiendrais tout simplement un <div> ... donc autant utiliser un div

J'ai vu rapidement ton site. Voilà comment j'organiserai ça au niveau de la structure : - une partie gauche (avec logo et menu) - une partie droite avec tout le reste du contenu (tu pourras ensuite scinder cette partie en sous-parties si tu veux des zones scrollable dedans par exemple) - un bloc global qui englobe ces deux parties (celui que tu vas centrer) Une fois que tu as le canevas, le reste n'est que remplissage de chaque partie

Juste un point important : le fait de découper les grandes images en multiples petites images est loin d'être intéressant contrairement à ce que l'on croit. Chaque fichier a dans son code un entête dont la taille est invariable et qui donne des renseignements sur ce fichier (nom, taille, format, ...). Donc en faisant de multiples découpes, tu crées des fichiers qui au final pèseront entre 20% et 40% plus lourd que l'image initiale. Par exemple : une image de 30ko que tu découpes en 3 images.. au final, tes 3 images pèseront sans-doute au-moins 40ko.

Lapin > voici un tuto expliquant comment centrer un calque et un site entier : http://www.alsacreations.com/articles/centrer/

Il n'y a pas de recette miracle, il va falloir que tu apprennes à positionner un calque normallement, en touchant au code pour virer ces fichues "position: absolutes" de dreamweaver. Comme je te l'ai déjà dit : on fixe toujours un calque par rapport à quelque chose. Pour l'instant, je suppose que tu l'as fait sous Dream et donc positionné en absolu, donc il est fixé par rapport au côté gauche de la page... il faut que tu voies les autres manières de fixer ton div : par rapport à son conteneur. Tu trouveras toutes les façon de positionner un calque ici : http://www.alsacreations.com/articles/div/

Quelques liens : http://www.macromedia.com/fr/devnet/mx/dre...ess_layout.html http://www.alsacreations.com/articles/ Bonne chance !

Bravo Monique, c'est très bien expliqué

LOL pour l'ensemble Par contre, en mode texte, c'est un peu normal que tous les menus déroulants soient déroulés... mozilla et les autres geckos, se comportent bizarrement en effet sur les menus déroulants... mais c'est certainement dû à mon javascript (j'avoue que je ne suis pas très doué en js)... puisque IE ne respectant pas les standards, j'ai été obligé d'utiliser js pour faire un déroulant qui marche aussi sur ce browser

Voilà un débat intéressant, beatnykk Pour commencer, tu as tout à fait raison de préciser que pour certains besoins graphiques, les images sont utiles. Cela n'empêche que je le ferais néanmoins en CSS et non en javascript pour des raisons de compatibilité Sur les différents points : Certes, cependant le site en question a 10 boutons de menu, si mes souvenirs sont bons. Donc faut-il attendre 100 sec pour des images, ou un chargement instantané sans images ? L'attribut ALT est obligatoire, là n'est pas la question. Cependant, comme je l'ai lu sur abondance.com, Google ne tient pas compte de ALT pour le référencement (sauf pour sa rubrique "images")... et quoi qu'il arrive, rien ne vaudra un texte pour le référencement.A la rigueur, rien n'empêche le texte ET l'image : http://www.alsacreations.com/articles/anim/ Tu as tout à fait raison sur le plan purement graphique... mais as-tu vu le menu dont il est question sur le site ? Par contre, j'aimerais bien savoir quels navigateurs ne supportent pas les rollovers textes (cette propriété CSS extste depuis IE3 et NN4) ? Au contraire, cela est bien plus compatible que la même chose en javascript (désactif sur 13% des postes)

J'évite également les images dans les menus : - c'est souvent très lourd - ça empêche un référencement correct - on peut souvent faire bien mieux sans images ! En genéral, je fais mes menus comme ça : - horizontal : http://www.alsacreations.com/articles/menu/cssmenu2.htm - vertical : http://www.alsacreations.com/articles/menu/cssmenu3.htm - déroulant horizontal : http://www.alsacreations.com/articles/deroulant/cssmenu2.htm - hirozontal + une ligne : http://www.alsacreations.com/articles/deroulant/cssmenu3.htm - déroulant vertical : http://www.alsacreations.com/articles/deroulant/cssmenu.htm Tu as le choix

CSS : .conteneur { text-align: center; } img { margin-left: auto; margin-right: auto; } HTML : <div class="conteneur"> <img src=" alt="" /> </div> Plus amples explications : http://www.alsacreations.com/articles/centrer/

Je n'ai pas compris non plus. Je rajouterai que la balise <body> est OBLIGATOIRE sur tout document valide

As-tu essayé ceci ? http://www.positioniseverything.net/thr.col.stretch.html Ou ceci ? http://www.fu2k.org/alex/css/layouts/3Col_NN4_FMFM.mhtml