Créer une page internet assez complexe

[Dylav]

Je serais toi, j'aurais un fond homogène de haut en bas (avec juste la particularité de la marge, sans quadrillage vertical).

 

Dis donc, en ce moment tu as deux marges rouges ? N'aurais-tu pas, dans la feuille de style, laissé traîner la bordure droite rouge de ta <div> menu de gauche ?

 

Suggestion : comme tu as déjà un quadrillage en image de fond, tu devrais alléger tous tes encadrements (par exemple en leur donnant une couleur gris très clair, et une largeur minimale de 1px). Parce que quadrillage sur quadrillage, ça fait un peu chargé, non ?

[ricou33]

J'aime bien le fait que ça ressemble vraiment à un cahier, même le haut, même si ça me complique la vie.

 

Et tu as raison pour la marge, en fait je pense que je n'aurais pas dû la dessiner dans l'image de fond.

 

De quels cadres parles-tu ? Les bleus autour des citations ? ou les gris autour des formulaire de recherche ?

[Dylav]

Je comprends ton souci de réalisme pour cette page de cahier. Mais ce n'est "parfait" qu'en 1024x768 plein écran. Tente simplement de diminuer la largeur de la fenêtre du navigateur, et tu vas constater que les quadrillages verticaux du fond et de l'entête ne coïncident plus... C'est pour ça que je te suggérais d'abandonner le fond de l'entête.

 

Pour la marge, tu n'as pas le choix, il faut que le trait rouge soit inscrit sur l'image de fond, puisque le quadrillage n'y est pas le même de part et d'autre.

 

Pour les cadres, sans vouloir me répéter, c'est un problème d'abondance de traits. C'est pourquoi je te suggérais d'atténuer au maximum les cadres, par une couleur très neutre et une épaisseur très fine. Le gris des cadres des formulaires est, à mon avis, préférable au bleu de ceux des citations : on dirait un trait de crayon

 

Une autre suggestion : pour les liens actifs, j'ai toujours trouvé pisseux le bleu standard employé. Je lui préfère soit un bleu beaucoup plus sombre (par exemple #000066), soit carrément une autre couleur (comme un vert assez sombre #006600), au choix de ta créativité. Et puis, foin des conventions, j'ai pris l'habitude de ne pas souligner les liens actifs, mais de leur faire changer de couleur (rouge #990000, par exemple) au survol du curseur. Exemple :

a	   {color:#000066;text-decoration:none;}
a:hover {color:#990000;}