[Devoir à rendre] HELP, en galère les mecs.

Litz a écrit:De toute façon IE c'est de la daube. C'est connu.

CTB =/

Hum, grosse frustration, ces messages qui disparaissent :/

Bon, peu importe. Le site sent un peu l'amateurisme (très peu d'images, couleurs fades et rarement agencées ensemble), mais c'est aisément excusable, à part le "acceuil" au lieu d'accueil, une erreur qui me met généralement en rogne. Il y a un effet de coupure sur ton background ( aperçu ), auquel on peut remédier de plusieurs façons:
- tu fixes ton background en bas à droite, ou dans un autre coin après un peu de symétrie.
- tu le réarranges par symétrie, ce qui a le gros inconvénient de changer complètement sa forme (aperçu, en accentuant le motif).
- tu atténues les bords plus ou moins vivement ( aperçu).
Je recommande aussi, puisque là ton background utilise moins de 256 couleurs, d'utiliser le format gif, qui ne changerait rien à l'effet, mais avec un gain (après test) de 53Ko, ce qui n'est pas négligeable.

Il y a un margin (mis automatiquement par Firefox, IE en créé un aussi) en haut et à gauche de ton site, un simple body{margin:0} règle le problème.
Les deux trucs bleus sur les côtés me déplaisent, pour moi c'est plutôt au background du body d'être bleu, tandis que le #corps devrait avoir le background actuel du body. Ca économise deux divs et l'effet est quasiment le même (on peut aussi créer une div #content qui contiendrait menu et corps, auquel cas l'effet serait exactement le même, pour une div de moins et plus "justifiable").

Pour le menu, je préfère quand, lorsque l'écran change, une action soit directement possible. Là, si on survole un onglet, mais pas le texte, il y a changement de couleur (et éventuellement déroulement), mais on ne peut pas cliquer sur le lien. Enfin, c'est plus une question d'appréciation personnelle, ça.

Finalement, pour les couleurs, outre le choix esthétiquement discutable, on peut regretter que le seul noir total sur ton site (et qui attire donc le regard, par contraste), soit la bordure de #corps, qui n'a strictement aucune importance. A ta place, je l'atténuerais. Je trouve aussi dommage que tes liens ne changent pas au survol (sauf dans le menu, encore que le texte ne change pas), un simple changement de couleur au survol, voire au clic, fait partie des gadgets auxquels nous sommes assez habitués pour déplorer leur absence.

Sinon, ce sujet manque clairement de liens roxxants, alors que c'est avec eux qu'on progresse en CSS. Donc:
Garden CSS, mine inépuisable d'utilisations audacieuses du CSS.
Pompage, pour maitriser pour de bon la base.

Merci pour toutes ces précisions.

Mais je l'ai mis en ligne juste pour le montrer en fait, je vais le faire disparaitre dans pas longtemps. J'aime pas faire quelque chose bas de gamme mais j'ai pas vraiment les connaissances requises (on a eu juste 6 CM de 1H30 en commençant par les bases) et surtout le temps pour le perfectionner.
Bien que je puisse le faire un jour je ne l'exclu pas, et que je pense toujours faire une sorte de banque d'images (ouais, banque d'images en html/css ça peut faire sourire ;o) après mes partiels ou un peu plus tard pour stocker les Mr.Rage de 4chan.

Ce site, comme je l'indique, est seulement un devoir, j'ai mis quelques heures répartis sur 2J et le plus long a été le contenu écrit.

Et mdr la faute dans le menu XD, je devais pas être bien frais. M'enfin il y en a encore d'autres ... j'ai pas eu le temps de correctement corriger.


Le problème pour IE est un problème de taille mine de rien, car mon prof avait demandé une accessibilité parfaite.

L'accessibilité IE s'obtiendra bêtement en faisant les modifications que j'ai préconisées pour les deux barres bleues. Elles viennent de ton position:fixed.

Le problème avec IE c'est qu'il n'interprete pas toutes les propriétés CSS comme firefox.
Suivant le navigateur choisi tu n'auras pas tout le temps le même rendu (également avec un CSS valide).

Litz a écrit:Le problème avec IE c'est qu'il n'interprete pas toutes les propriétés CSS comme firefox.
Suivant le navigateur choisi tu n'auras pas tout le temps le même rendu (également avec un CSS valide).

Oui, ou que Firefox n'interprète pas comme IE, peu importe le point de vue. Le travail du webmestre, ce n'est pas de faire un site web accepté par le W3C, mais affichant la même chose pour tous avec une forme un minimum correct. C'est pour cela qu'il faut manipuler très précautionneusement les propriétés margin et padding, et si possible ne jamais les utiliser pour placer un élément là où on veut qu'il soit.

Heathcliff a écrit:C'est pour cela qu'il faut manipuler très précautionneusement les propriétés margin et padding, et si possible ne jamais les utiliser pour placer un élément là où on veut qu'il soit.

On fait comment alors ?

Pour la modif pour que ça passe sous IE je verrais ça plus tard, de toute façon ça ne presse pas j'ai déjà rendu mon devoir.
Mais il n'y a pas que la barre bleu de gauche qui s'affiche bizarrement il y a aussi les sous-menus du menu qui sont inexistants.

Un margin correctement utilisé doone le même résultat sous les principaux navigateurs.

Fried a écrit:On fait comment alors ?

L'utilisation des float ou des position:absolute sont tout à fait possibles dans ce cas, il existe également quelques "hacks" CSS qui permettent de différencier l'affichage IE et Firefox, mais il vaut mieux éviter leur utilisation. Derechef, je recommande de lire les articles de pompage.net.

Mais il n'y a pas que la barre bleu de gauche qui s'affiche bizarrement il y a aussi les sous-menus du menu qui sont inexistants.

Sous IE7, ça passe. Sous IE6, ça ne fonctionne pas car le :hover ne fonctionne que pour les a. Dans ce cas, il faut utiliser du Javascript, et cet article explique comment se débrouiller.

Sinon, une modification de fortune, mettre un left:0 dans ton .bandes-left a des chances de l'aligner correctement.

Litz a écrit:Un margin correctement utilisé...

Related link.