avis sur le commencement de mon site - Web design - Graphisme
Marsh Posté le 08-03-2005 à 22:20:50
Le menu est celui d'une ancienne version du site "charmed world" maintenant fermé (je l'ai pris pour voir quelle couleur je pouvais mettre le texte)
Marsh Posté le 08-03-2005 à 22:40:40
Je trouve que la couleur du texte du menu n'est pas assez contrastée par rapport à la couleur du fond, c'est un peu illisible . Sinon, pour les éléments aux bords arrondis, ça va être un peu la galère pour le CSS
Marsh Posté le 08-03-2005 à 22:48:10
comment ça
pour les éléments aux bords arrondis, ça va être un peu la galère pour le CSS
Marsh Posté le 08-03-2005 à 23:02:49
Plus clair je dirais, voir blanc. Pour le CSS, bah c'est dur de faire des coins arrondis tant que le CSS3 est encore en phase de développement . Faut soit tricher avec des éléments vides, des images sans alt, ou alors faire ça en JS
Marsh Posté le 08-03-2005 à 23:06:38
FlorentG a écrit : Plus clair je dirais, voir blanc. [..] |
Hum... oui. Ou limite couleur de fond de page, ou un poil plus foncé. Disons que le blanc... bah faut tester, ça peut sortir bien.
Marsh Posté le 08-03-2005 à 23:06:39
Je viens de commencer dans la conception de site et je ne comprend pas très bien ce que tu dis.^^' J'utilise photoshop pour faire les coins arrondis et j'utilise les iframes pour la mise en page en html. Merci en tout cas pour ces conseils.
Marsh Posté le 08-03-2005 à 23:08:47
eric251 a écrit : Je viens de commencer dans la conception de site et je ne comprend pas très bien ce que tu dis.^^' J'utilise photoshop pour faire les coins arrondis et j'utilise les iframes pour la mise en page en html. Merci en tout cas pour ces conseils. |
Les iframes sont très déconseillées.
Citation : Les cadres (frames et iframes) sont fréquemment utilisés pour faire une mise en page avec des parties fixes et des parties dynamiques, scrollables. Cependant, cette technique, heureusement peu voire non utilisée par les sites professionnels tout-publics présente de nombreux désavantages, notamment pour le référencement, la mise en favoris, l'impression de page,... |
Marsh Posté le 08-03-2005 à 23:09:55
Sans parraître ridicule, c'est quoi le CSS, les images sant alt ou encore le JS ?
Marsh Posté le 08-03-2005 à 23:21:04
Ouch. Le overflow est compatible avec tous les navigateurs actuels (99% on va dire)
Marsh Posté le 09-03-2005 à 16:42:33
Je trouve que les iframes c'est très bien. En plus le overflow est très difficile à manier (en tout cas pour moi).
Marsh Posté le 09-03-2005 à 16:56:31
Non, les iframes ne sont pas bien
Pour les overflow, c'est culcul, suffit de donner une dimension à ton élément, genre :
Code :
|
Et le tour est joué
Marsh Posté le 09-03-2005 à 17:00:50
faut pas le mettre entre <div> et </div> ou un truc comme ça. Est-ce qu'on peut y ajouter un fond (voir l'image au début)
Marsh Posté le 09-03-2005 à 17:02:31
ça marche pas :
#contenu {
width: 700px;
height: 300px;
overflow: auto;
}
j'ai peut-être oublié quelque chose ?
Marsh Posté le 09-03-2005 à 19:10:32
Il te faut un :
<div id="contenu">...</div> |
Sinon oui, on peut y ajouter un fond
Marsh Posté le 09-03-2005 à 20:53:49
FlorentG a écrit : Il te faut un :
|
Quelle est la différence entre un id="..." et un class="..." ? J'utilise toujours class="..." moi.
Marsh Posté le 09-03-2005 à 22:13:56
Je veux faire un overflow dans un tableau qui fait 186px de largeur. Mais si je met :
<div style="overflow:scroll;height:440px;width: 186px">blahalaba</div>
La scrollbar prend des pixels en plus et ça dépasse (je ne sais pas si je suis très clair)
Comment faire pour remédier à ce problème ?
Marsh Posté le 09-03-2005 à 22:22:19
Pourquoi les iframes ne sont pas recommandés. De nombreux site (de Charmed) en comprenent.
Marsh Posté le 09-03-2005 à 22:40:21
Pinzo a écrit : Quelle est la différence entre un id="..." et un class="..." ? J'utilise toujours class="..." moi. |
Et quand tu veux juste récupérer un élément avec du DOM ?
Et surtout d'un point de vue sémantique, quand t'as un élément unique faut utiliser un id, genre :
Code :
|
Aussi, comme t'es un mec intelligent, tu fais en sorte que ta page soit accessible. Ca passe par des liens de type "aller au contenu", "aller à la navigation". Et ces lien vont faire référence à l'id :
Code :
|
Et voici ce que dis la recommandation HTML 4.01 :
Citation : L'attribut id a plusieurs rôles dans HTML :
|
eric251 a écrit : Pourquoi les iframes ne sont pas recommandés. De nombreux site (de Charmed) en comprenent. |
C'est pas parce que de nombreux sites les utilisent que c'est bien C'est comme pour la mise en page par tableaux. Tous ces trucs nuisent à la navigation, au référencement, à l'accessibilité, etc, etc...
Marsh Posté le 09-03-2005 à 22:52:00
tu as raison mais comment faire sans tableaux ??? et comment faire pour enlever la barre de navigation horizontale ?
Marsh Posté le 09-03-2005 à 22:59:09
C'est pas trop grave quand même si on utilise un tableau ? Ou alors on met en position absolue, non ?
Marsh Posté le 09-03-2005 à 23:03:56
En gros ouais. Pour les tableaux, c'est bof niveau accessibilité. Et surtout si un jour tu veux changer la présentation, t'aura pas besoin de refaire toutes les pages HTML, suffira de changer le fichier CSS
Marsh Posté le 09-03-2005 à 23:07:06
Au début je voulait trouver une solution à ça :
Quand on clique sur un lien, ça remonte la page. Et il faut la redescendre pour ensuite regarder les informations (car ma bannière est trop haute). Mais pourquoi pas simplemnt utiliser des ancres nommés (avec dreamweaver)?
Marsh Posté le 09-03-2005 à 23:10:57
Oui, tu peux utiliser une ancre nommée (d'ailleurs c'est vraiment pas con )
Marsh Posté le 10-03-2005 à 16:08:49
Pour ne plus afficher la barre horizontale je met : overflow:auto mais j'ai vu sur le forum qu'on devait mettre overflow-y:hidden. Overflow:auto, ça marche ou pas ?
Marsh Posté le 10-03-2005 à 16:21:03
overflow-y n'existe pas dans la norme, c'est un truc propriétaire de microsoft
Marsh Posté le 10-03-2005 à 16:46:41
Voilà, j'ai fait des modifications, utilisation de la fonction overflow, changement de la couleur du texte et de la scrollbar. Comment faire pour encore l'améliorer.
Marsh Posté le 10-03-2005 à 16:47:17
La couleur de la scrollbar est aussi un truc propriétaire de Microsoft
Marsh Posté le 10-03-2005 à 17:17:35
Ca te permet de voir les erreurs dans ton CSS, ainsi que les trucs propriétaires qu'il ne faudrait pas utiliser : http://jigsaw.w3.org/css-validator/
Marsh Posté le 10-03-2005 à 17:32:28
??? Je ne crois pas utiliser le CSS. Enfin, je sais pas trop.
Marsh Posté le 10-03-2005 à 19:37:47
Mon début de site n'est pas encore en ligne. ça marche si il est sur mon ordinateur ?
Marsh Posté le 10-03-2005 à 20:40:23
Alors qu'est-ce que je fais ?
Sois :
- j'utilise des overflows (comment faire des liens?)
- j'enregistre les pages sous et je change le texte en utilisant des ancres nommés (mon idée du départ mais je sais pas si c'est bien)
- si vous avez une autre solution plus simple...
Marsh Posté le 10-03-2005 à 22:26:48
Bon je crois que je vais utiliser les overflow en position absolue.... mais quelle police choisir pour le titre et le mettre en valeur
Marsh Posté le 08-03-2005 à 22:17:22
Je voudrais vous demander ce que vous pensez du commencement de mon site. Les bords arrondis sont-ils une boonne idée ? Comment faire pour l'améliorer ?
J'espère que je ne me trompe pas de catégorie, cette fois ci.