Est-il acceptable de coder en dur la "largeur" en conception web ?

Question

C'est ma première expérience en WebDesign et je suis en train de concevoir un formulaire avec des zones de texte, des étiquettes, etc ... et j'ai une question: est-il correct de définir une largeur codée en dur pour ces contrôles? ou devrais-je utiliser d'autres techniques partout, par exemple des DIV et des pourcentages sur différents DIVS?

Answer 1

Les fichiers CSS externes doivent être utilisés autant que possible. La seule exception que j'ai observée à cela est lorsque JavaScript est impliqué, car il définira des styles en ligne lors de la modification des éléments (ce contre quoi on ne peut pas faire grand-chose, c'est donc l'exception).

Les styles en ligne sont mal vus car

• Il ne touche que cet élément, le rendant inutile dès que vous avez un autre élément qui a besoin du même style.
• Cela rend votre code très difficile à maintenir, car vous devez toucher chaque fichier pour apporter un changement lorsque tout est en ligne.
• Cela va à l'encontre du but de la cascade des feuilles de style en cascade (les styles en ligne ont toujours une priorité plus élevée que les styles non en ligne), et peut entraîner des résultats inattendus lorsque vous essayez de modifier des styles externes et que quelque chose ne change pas comme il le devrait.
• Des choses comme width=100px sur la plupart des éléments sont obsolètes ou du moins découragées par le W3C.
• Cela viole la séparation de la présentation et du contenu.
• Cela entraîne beaucoup de duplication, ce qui va à l'encontre des principes DRY (Don't Repeat Yourself).

Answer 2

Il devrait être évité pour la plupart car cela vous donne plus de travail plus tard si et quand vous voulez changer la mise en page. La seule exception à cette règle est les images qui ne sont pas utilisées comme partie de l'interface utilisateur, car elles ont tendance à avoir différentes tailles de toute façon.

Answer 3

Cette question a besoin d'être clarifiée, ne voulez-vous pas dire utiliser des dimensions en pixels fixes plutôt que des pourcentages, les définitions de ces dimensions étant soit dans la feuille de style soit dans le code ?

Dites les choses ainsi, il y a beaucoup de choses là-bas qui sont codées en dur avec des dimensions de largeur et de hauteur gravées dans la pierre. Pourtant, des stratégies sont trouvées pour rendre ces pages utilisables sur les téléviseurs grand écran avec des yeux à 6 pieds de distance et sur les téléphones avec des yeux à quelques pouces de distance. Mon conseil est de se concentrer sur la convivialité de votre formulaire et de laisser "la forme suivre la fonction".

Answer 4

De nos jours, c'est généralement mal vu, mais les gens sont prompts à critiquer tout agencement qui n'est pas "liquide" ou "fluide" avec des colonnes redimensionnables automatiquement, etc.

Si votre agencement le nécessite (une grille, un tableau, etc.), les largeurs fixes sont parfaitement acceptables - assurez-vous simplement de faire autant de stylisme que possible dans un fichier CSS, ce sera plus facile à entretenir que de le faire en ligne.

Answer 5

Toujours utiliser le CSS pour définir toutes les dimensions afin de ne pas avoir à modifier votre HTML pour mettre à jour le style.

HTML:

Trucs

Plus de trucs

CSS:

.my_class { width:150px; }
#my_id { width:125px; }