Listes de conception?

La façon dont vous sentez en utilisant sur les listes pour la création de design?

Je veux dire quelque chose comme ce qui suit:

Je veux dire, il est utilisé par phpBB pour leur design Olympus (et oui, Im conscient que tout ce qu'ils ne sont pas toujours raison ). Je viens de me suis intéressé à l'aide de listes pour la conception, quand j'ai vu comment Olympus est créé par phpBB, et l'essaya.

Je pense que les colonnes sont plus faciles à faire avec ce genre de chose, mais je veux une certaine contribution de vous les gars avant d'aller n'importe où avec ce

Je ne suis habituellement pas utiliser des listes pour la mise en page, sauf si le contenu d'une colonne est une liste de liens ou quelque chose de similaire. Je ne suis toutefois utiliser des listes pour la quasi-totalité de navigation (horizontale et verticale), car une fois que le css est dépouillé vos nav est vraiment juste une liste de liens.

La bonne chose à propos de l'utilisation des listes de colonnes de texte, c'est qu'il se dégrade dans un ordre particulier pour les gens de la compréhension du contenu de flux.

Alors, quelle serait votre opinion sur le sujet...dois-je utiliser les listes de colonnes / design / mise en page ou devrais-je pas?

haha je n'ai pas été très clair à ce sujet a été I. Sorry about that. Je pense que je recommanderais collage avec un générique contenant un div ou span pour la plupart de votre mise en page. La raison en est comme une liste de choses ont une signification spécifique pour les lecteurs d'écran, les navigateurs avec css est désactivé, etc

Dans certains cas, comme un menu horizontal vous voulez que votre contenu apparaisse comme une liste dans les scénarios ci-dessus et vous pouvez ensuite utiliser CSS pour changer la position / couleur / taille, etc des différents objets de tout navigateur Web qui supporte l'option. Ainsi, l'amélioration progressive.

Je voudrais également vous recommandons d'utiliser une liste dans le cas précis, vous situé où il ya plusieurs colonnes de contenu textuel (comme un journal), car quelqu'un qui a un lecteur d'écran n'a aucune idée de ce que vous avez vue à votre contenu (où faire des colonnes de début / fin, ect) si vous utilisez des conteneurs génériques comme divs. Je sais que ce n'est pas très commun, mais même si un divs apparaissent l'une après l'autre dans le marquage, CSS pourrait vous donner div #1 thats effectivement la colonne #3 contenu.

Donc, pour être plus simple pour utiliser des listes OUI contenu organisation. Mais DONT utiliser des listes pour la mise en page globale, comme tête, menu, corps principal, et ainsi de suite.

Oh, qui a du sens. Changer mon mauvais design un peu, car l'ensemble de la conception est dépendante de listes...merci pour le tip

il n'y a pas de quoi.

En votant pour l'occasion. Raison d'être des listes est assez significannot jouer un rôle dans plusieurs jQuery plugins, si je les utilise assez souvent.

Votre exemple, la liste n'est pas très valable: je ne pense pas que <dl> s peuvent être imbriquées dans <li> s, par exemple.

Quoi qu'il en soit, je trouve que beaucoup de gens utilisent des listes de cette façon tout simplement parce que le balisage semble cool. Création d'une belle mise en page spartiate d'un tel morceau de code donne un léger buzz et un sentiment de puissance (peut-être juste moi mais thats ). Id résister à la tentation, si tel est votre principale motivation.


Son trop facile d'obtenir la liste-itis.

Purely parlant des listes utilisées en termes de conception de mise en page, les listes sont considérées comme des éléments de niveau bloc, donc techniquement pourrait être utilisé à la place de divs. Ils peuvent être donnés tout près de la propriété css. Je me demande pourquoi vous voulez le faire bien.

En fait, vous pouvez le faire...essayer de valider le code sur Mon site Texte Page . Le contenu est fluide, et il n'est pas question que la colonne a plus de texte que chaque colonne serait aussi longtemps que les autres, peu importe quoi.

Cela est valide XHTML Strict...Ive got <dl> intérieur de <li> et <dt> intérieur de <dl>, sa validité.

Oui, vous avez raison.

Il s'agit d'un manque <li> balise de début de votre premier message qui a eu le validateur de lancer une forme et pas de problème sous-jacent à la méthodologie.

J'ai corrigé cette erreur de validation sur mon exemple de haut...

Ainsi, pour les colonnes de son bien, mais pas recommandé pour les lignes? Qu'en est-il sage SEO...graphixboy mentionné dégrade dans l'ordre, est-ce bon pour les gens ou est-elle aussi bonne pour les moteurs de recherche?

Je ne sais pas si sa va bien mais sur SEO...considérant header tags (<h1>...) Ne sont pas autorisés, sauf si vous l'insérez dans ce pays (<ins> <h1>...</ h1> </ ins>...), Mais qui ressemble salissantes.

Je devrais peut-être arrêter et il suffit d'utiliser à nouveau divs Juste essayer quelque chose de nouveau.