une css par page ? + problème avec balise map

[Gibou]

Bonjour,

Première question : je me demande s'il est utile ou pas de faire une css par page. Je m'explique :

Sur le site que je suis en train de faire, j'ai pour l'instant trois css.

Une pour la structure sous IE 6 et 7 sans distinction.

Une pour la structure sous les autres navigateurs

Une pour le reste.

Est-il de bon aloi de diviser la troisième en plusieurs petites que je n'incluerais que pour les pages l'utilisant ou, au contraire, est-ce-que ça ne ferait pas trop de css à gérer pour ceux qui reprendront le site plus tard ?

Deuxième question :

La banière du site a un logo à gauche. Elle s'affiche via css grâce à un background-image.

Je voudrais mettre un lien sur ce logo, j'ai donc essayé en supprimant l'affichage de la banière par le css et en l'affichant dans mon <div id="header"></div> grâce à la balise <map> et <area shape="circle" .../>. Ca marche nickel sous firefox et IE7 mais sous IE6, j'ai un décalage blanc de 3px en dessous donc ça fausse le design. Connaissez-vous un moyen de pallier ce problème ?

Merci beaucoup et bonne journée !

[captain_torche]

Pour ta première question, je ne vois pas à quoi sert la troisième feuille de style.

Sinon, je te conseille plutôt d'en faire une compatible tous navigateurs, en y ajoutant les ajustements IE si besoin.

Si la feuille commence à être trop imposante, tu peux la scinder en plusieurs, en les séparant par thème (une pour la gestion des menus, une pour la gestion des rubriques, une pour la gestion des articles, etc).

Tu les inclus toutes dans ta FDS générale avec le paramètre @import url('');

Pour ta seconde question, pourquoi mettre ton logo en fond ? Tu te compliques la vie pour rien, une image serait parfaitement à sa place dans ce cas, et ne nuirait pas à l'accessibilité ni à la sémantique.

[Dudu]

Salut

Faut-il mettre une CSS par page ?

Bien évidemment que non, sinon à quoi sert la CSS le langage CSS est justement fait pour avoir une information centralisée pour l'affichage des pages.

À tout prendre, je préfère encore mettre des horribles balises <font> partout plutôt que de mettre une CSS par page (mais autant éviter les deux, n'est-ce pas ?)

Combien de CSS au total ?

Si tu préfères gérer à part les tailles et les couleurs, alors oui crée 2 CSS: une pour la structure, une pour les couleurs. Je suis plutôt du genre à tout réunir, mais pourquoi pas ?

Pour les problèmes spécifiques à Explorer, crée une CSS à part qui ne sera lue que par Explorer grâce aux commentaires conditionnels.

Donc maximum 2 à 3 CSS au total; pour toutes les pages.

Insérer un lien dans ton en-tête.

C'est tout à ton honneur de vouloir garder le logo dans la CSS et de ne pas polluer l'HTML avec les détails cosmétiques, mais là tu tombes dans l'excès inverse !

Écris tout simplement <div id="header><a href="le-lien/">Lien</a></div>. Et dans ta feuille de style, tu caches le texte "Lien" grâce à text-indent.

Autre solution, celle de captain_torche: <div id="header"><a href="le-lien/"><img src="img.png" alt="Lien"></a></div>. Ce n'est pas plus mal non plus.

Par contre, en terme de sémantique, un <div> s'impose-t-il réellement pour ton en-tête ? un <h1> correctement stylisé via CSS est souvent largement suffisant et ça évite d'utiliser <div> comme balise fourre-tout.

Règle d'or: le moins de <div> possible, le plus de balisage sémantique avec de vraies balises appropriées

Bon courage.

[Gibou]

Très bien, je vous remercie.

Pour ma deuxième question, je n'aurais pas voulu mettre le lien sur toute la banière mais uniquement sur le logo se trouvant en haut à gauche. D'autant plus que ce lien mène vers un site externe, celui de notre principal partenaire mais je vais y réfléchir.

Merci encore pour vos réponses claires et précises