Questions de débutant

Bonjour à tous,

Je débute en CSS, excusez-moi à l'avance, si ces questions ont déjà été posée... mais je n'ai pas trouvé de réponses...

- Peut-on utiliser la balise html "em" si on la définit dans la feuille de style ou est-ce que cette balise n'est pas conseillée ?

- Est-ce possible de faire qu'un petit personnage s'affiche à côté d'un texte de menu lorsque le menu est activé par la souris (la souris passe dessus) ?

Merci pour vos réponses

Salut

Oui, on peut utiliser la balise em, qui sert à souligner l'importance d'une partie de texte (avec moins de force toutefois que <strong>). On peut ensuite modifier l'apparence du texte contenu dans la balise <em> comme on veut à l'aide des feuilles de style.

Et oui, on peut mettre n'importe quelle image en arrière-plan d'un lien de telle sorte qu'elle apparaisse au survol du lien. Ce tutoriel explique comment faire.

super,

Merci beaucoup pour cette réponse rapide comme l'éclair !

J'aurai encore des questions :

Il y a-t-il une solution pour ne pas avoir des polices toutes pixélisées dès qu'on met du texte un peu gros (par exemple pour des menus) ?

La seule solution est-elle de faire une image au lieu d'utiliser un div ou une liste pour faire son menu ?

La balise "br" est-elle utilisable ou vaut-il mieux jouer sur la hauteur des lignes quand on veut ne pas avoir trop d'espace entre les lignes ?

Mon html et ma feuille de style fonctionnent bien sous firefox, opera et netscape mais comme d'hab c'est la cata pour internet explorer, comment intégrer du code qui ne sera lu que par internet explorer et pas par les autres ?

Merci
Modifié par cssbegin (01 Sep 2006 - 14:25)

Pour les polices, la qualité du rendu dépend aussi de la famille de police, de la taille utilisée, etc.

La seule solution pour avoir le même rendu partout, et des polices bien lisses, c'est de passer par une image effectivement. Mais ce n'est pas toujours possible (transparence ...) et ce n'est pas sans conséquences sur le poids de la page.

Il faut aussi être attentif à toujours placer les images qui véhiculent un contenu (liens, titres, etc) en dur, dans le code HTML et jamais en tant qu'arrière-plan dans une feuille de style. Dans ce cas, en effet, l'information est absente de la page si les images ne sont pas affichées correctement, pour une raison ou pour une autre, ou encore si le visiteur n'utilise pas un navigateur graphique.

Il faut aussi maintenir la structure du document. Ainsi, un titre ne peut pas être remplacé par une image. Par contre, on peut remplacer le contenu d'une balise <hn> par une image :

<h1><img src="..." alt="Mon titre" /></h1>

La balise <br /> est "utillisable" si tu entends par là "autorisée" , mais personnellement je vois peu de cas où on ne peut pas s'en passer. En tous cas, elle n'est pas faite pour séparer des paragraphes de texte. Utiliser les balises <p> .... </p> me semble plus judicieux. Et on peut régler les espaces entre paragraphes à l'aide des marges & padding de cette balise.

On peut aussi modifier l'interlignage à l'aide de la propriété line-height.

Enfin, pour appliquer des styles uniquement à IE, on utilise les commentaires conditionnels (voir la FAQ et Blog & blues, le site de Laurent Denis)

Et avec ça, un petit café ?

Merci de prendre le temps de me répondre, c'est cool !

J'ai quelques soucis avec l'apparence de mon site,

Je voulais savoir si dans la partie création de dreamweaver, le site devait apparaître correctement car là mes blocs sont tous décalés alors qu'ils apparaissent bien ensuite dans Firefox. Bizarre !

J'ai aussi la web developper toolbar de firefox et lorsque j'affiche les Div, certains cadres semblent plus grand que prévu ! Est-ce une erreur de ma part ? Pourtant l'image de fond que j'ai mise fait la même taille que le block total, ça devrait coller, non ?

J'ai apparemment des problèmes sur Firefox mac (et pas sur firefox pc !) avec la balise <em>, certains textes ont l'air de se superposer avec le texte contenu dans les balises <p>, ai-je oublié de spécifier une balise ?

D'autre part, toujours sur Firefox mac, le texte déborde ou est coupé alors que sur firefox PC tout est nickel !

C'est fou, je pensais qu'il n'y avait pas de différence entre firefox pc et mac, déjà qu'on a bcp à faire à s'occuper du cas d'Internet Explorer.

Cela vient-il d'une mauvaise programmation de ma part ?

Encore merci pour tout

Salut

L'apparence dans dream, on s'en fout, ce qui compte c'est le rendu dans les navigateurs (firefox & IE)

N'oublie pas que les margin & padding, ainsi que les largeurs de bordures viennent se rajouter à la largeur définie pour ton bloc.

Je n'ai pas accès à un Mac, je passe donc la main concernant Firefox Mac