Conseillez le graphisme de Webmaster Rank

Conseillez le graphisme de Webmaster Rank • le Ven 21 Mar 2008 19:01

Je sens que vais te convertir au full css

le Sam 22 Mar 2008 04:27 • Conseillez le graphisme de Webmaster Rank

ghost a écrit:Je sens que vais te convertir au full css

Ya des chances, avec tes prêches du CSS, tes sermons contre la non respect et d'accessibilité, tes liens ver des bibles des normes W3C, je risque d'entrer en religion.

Problème du bouton corrigé, grâce à aux informations données par validator.
Pour passer au validator, je ne recouvrais plus toute la section cliquable avec une balise <A>
En remplacent les balises block par des balises inline tout est rentré dans l'ordre (<DIV> en <SPAN> et <H2> en <FONT> )

Pour ce qui n'est pas encore CSS, Pour économiser du temps, je vais faire la conversion en CSS à l'occasion de la mise à jour des sections .

le Sam 22 Mar 2008 04:42 • Conseillez le graphisme de Webmaster Rank

Voici une nouvelle version du graphisme.

Pour l'instant seul l'url : http://www.dogs.free.fr/ et converti à 100%. (quant je serais satisfait, je mettrais à jour toutes les autres sections.)
Vous pouvez prendre la version anglaise : http://www.webmaster-rank.info/ comme point de repère.

Si ce n'est pas beau, il ne faut pas s'en prendre à moi, c'est la faute de ghost qui m'a soufflé un grand nombre d'amélioration à effectuer (pas encore toute faite d'ailleurs).Phnx m'a aussi donné quelques conseils.

Qu'en pensez-vous ?

le Sam 22 Mar 2008 11:06 • Conseillez le graphisme de Webmaster Rank

Salut,
Nan nan, je ne suis pas un ayatollah du full css ...
Dès que j'ai un peu de temps je colle un post dans ta section css à ce sujet!
Bon Mr casse chose est de retour, alors
Côté contenu:
Je reste sur ma position, il manquerait une explication du concept de ton annuaire sur ta page d'accueil !
Côté mise en page:
Peut être un peu d'air à ton block de gauche en augmentant le margin latéral du texte et différencier (color?) ce qui est lien de ce qui est texte (Normalement pour plus d'homogénéité il conviendrait d'avoir la même mise en page des liens sur tout le site )
Un truc qui me coince un peu c'est la mise page des 5 meilleurs sites, sais pas essaye, peut être de les centrer dans un bloc sur 2 colonnes avec un fond bleu clair (bord arrondis?)
Ton footer sort du background blanc.
Côté code: je n'ai pas encore détaillé mais tu nous fais une "absolutite" aigue, ta mise en page actuelle ne nécessite aucun positionnement absolu (presque). Le problème principal de ce type de positionnement c'est que tu sorts tes blocs du flux ce qui rend ta mise en page moins robuste (a l'agrandissement de la police par exemple ou à l'augmentation du contenu de tes blocs). Toujours vite fait, utilise plutôt des listes pour tout ce qui "liste" (menus...) c'est sémantiquement plus correct et ça allège et clarifie ton code ce qui facilite les maj.
Sinon, bah il reste des tables pour la mise en page... A la limite ils sont utilisables dans ce contexte mais au niveau netteté du code, j'aurais plus tôt utilisé une liste ...
Bon, tout ceci n'engage que moi à mon modeste niveau
Si j'ai un moment et sans aucune prétention, je te joindrais ma version de ta mise en page si ça t'intéresse bien sur .

le Sam 22 Mar 2008 15:21 • Conseillez le graphisme de Webmaster Rank

Salut,
Voici encore une sacrée flopée de nouveau conseils.

ghost a écrit:Bon Mr casse chose est de retour, alors

Aye aïe, j'ai peur (je trouve que ce smiley représente plus a une émotion d'effroi que de surprise)

Je reste sur ma position, il manquerait une explication du concept de ton annuaire sur ta page d'accueil !

Je l'ai fait en local. J'attends quelques jours pour pouvoir quantifier l'impact.

Peut être un peu d'air à ton block de gauche en augmentant le margin latéral du texte et différencier (color?)

Oui tu as raison, le margin ok, je essayer de trouver une solution pour la couleur.

homogéné des liens
Oui, mais, ce n'est pas évident de la faire cohabiter avec le design du site, les dimensions disponibles et la qualité de conversions des liens du site.

Un truc qui me coince un peu c'est la mise page des 5 meilleurs sites, sais pas essaye, peut être de les centrer dans un bloc sur 2 colonnes avec un fond bleu clair (bord arrondis?)

Ça me coince aussi un peu aussi. Les deux colonnes me semblent être une bonne idée.
Pour l'encadrement je vais tester ta solution de fond bleu.

Ton footer sort du background blanc.

Je comprends pas de quoi tu veux parler !!, chez moi mon footer est OK.

Côté code: je n'ai pas encore détaillé mais tu nous fais une "absolutite" aigue.

Nan ça va, je suit en voie de guérison, j'ai déjà diminué ma consommation d'absolu pour ne pas risquer la Cirrhose
En plus, pour le texte, j'ai même commencé à utiliser des trucs du genre font-size:1.5em a la place des font-size:14px

ta mise en page actuelle ne nécessite aucun positionnement absolu (presque). Le problème principal de ce type de positionnement c'est que tu sorts tes blocs du flux ce qui rend ta mise en page moins robuste (a l'agrandissement de la police par exemple ou à l'augmentation du contenu de tes blocs).

Quand, j'ai commencé mon site, je l'ai fait au plus vite en passant outre le CSS est avec les tailles relatives.
Je savais leur importance, mais cela m'aurait pris trop de temps, alors que j'étais capable d'obtenir beaucoup plus rapidement un résultat assez bon avec des tables.
Oui, en effet, il est bien temps que j'améliore cela.

Toujours vite fait, utilise plutôt des listes pour tout ce qui "liste" (menus...) c'est sémantiquement plus correct et ça allège et clarifie ton code ce qui facilite les maj.

Tien oui, je les avais oubliés ces listes.
Il va falloir que je fasse la conversion.

Sinon, bah il reste des tables pour la mise en page... A la limite ils sont utilisables dans ce contexte mais au niveau netteté du code, j'aurais plus tôt utilisé une liste ...

Oui, je toucherais à ces gros meubles à l'occasion de prochains travaux.
Y'en a tout de même moins que sur WRI.

Si j'ai un moment et sans aucune prétention, je te joindrais ma version de ta mise en page si ça t'intéresse bien sur

C'est sympa de ta part, merci.
Tu a déjà pris pas mal de temps de temps pour et fournit plein d'aides précieuses par ce forum. Alors surtout ne t'y sent pas obligé (surtout que cela demande tout de même un peut de travail).

@+

le Dim 23 Mar 2008 19:23 • Conseillez le graphisme de Webmaster Rank

Salut,

Bah faut bien donné un coup de pouce aux forums qui démarrent... (pas tous!!)
Ici pour moi ça vaut la peine, le taulier n'a pas contrairement à beaucoup les chevilles qui enflent et ça c'est primordial
Je t'ai mis un zip sur ton mail yahoo, rien de vraiment original mais ça m'a fait passé le temps avec ce printemps capricieux et c'est toujours une bonne excuse pour ne pas travailler...

A plus

le Lun 24 Mar 2008 15:35 • Conseillez le graphisme de Webmaster Rank

Salut

J'ai bien reçu ton le mail avec les modifications du code et de la feuille de style pour passer en FULL CSS.
J'aime bien les modifications des alignements que tu à fait .... j'adopte.
Je vais peut être pouvoir avoir une Home page Full CSS.

C'est très sympa ghost, une nouvelle fois merci.

Je suis pas sur car je me bas avec IE pour afficher deux bloc (les 10 meilleurs sites, 5 + 5):
L'un à gauche, l'autre à droite + de largeur variable (cela dépend du texte) + contenant du texte aligné a gauche dans chacun de ces blocs.

Ce serait un peut dommage vu que tu a déjà tous mis en CSS, quoique il faut peut savoir se résoudre à utiliser des tables pour avoir des alignements fonctionnels.

Bah faut bien donné un coup de pouce aux forums qui démarrent... (pas tous!!)

Merci aussi d'animer le forum.

a+

le Lun 24 Mar 2008 16:04 • Conseillez le graphisme de Webmaster Rank

Salut,

Aucune hésitation a avoir pour le tableau dans ces conditions, il est fait pour cela: afficher des données tabulaires pourquoi s'en passer, c'est valide, sémantique et plus robuste qu'une bidouille en liste.

Pour la css, tu verras le gain de temps au niveau des maj !! c'est un truc de fainéants c'est pour ça que je m'y accroche

le Ven 28 Mar 2008 16:04 • Conseillez le graphisme de Webmaster Rank

Ok, merci.
Je me suit pris déjà quelquefois pris la tête sur ce type problème sans réussir à les résoudres.

Conseillez le graphisme de Webmaster Rank

Je sens que vais te convertir au full css

Ok, merci. Je me suit pris déjà quelquefois pris la tête sur ce type problème sans réussir à les résoudres.

Ok, merci.
Je me suit pris déjà quelquefois pris la tête sur ce type problème sans réussir à les résoudres.