Comprendre les classes CSS

Dark Templar · 1 Février 2004

Bonjour,

Je souhaite définir l'aspect d'un site en utilisant le plus possible les CSS (rien d'extraordinaire donc).

Par exemple si dans ma feuille de style j'ai écrit
<font class="small">Code:</font><hr /><pre> .titre_colonne {
font-size: medium;
font-weight: bold;
color: #000000;
text-decoration: none;
text-align: center;
margin-bottom: 0px;
}</pre><hr />

Dans ma page je mets <font class="small">Code:</font><hr /><pre>
<div class="titre_colonne">texte mis en forme</div></pre><hr />

Cela fonctionne avec Safari et Camino, mais pas avec IE ou Opera (par contre, les balises HTML telles que a, ul, body s'affichent comme je le veux).
J'ai regardé le petite tutoriel d'Openweb mais j'ai l'impression d'avoir fait comme il fallait.

Que dois-je changer ?

Merci,
Dark

mfay · 1 Février 2004

Au niveau écriture, ça a l'air bon.

Par contre pour la compatibilité essaye plutôt de mettre ça dans une balise plus classique :

<p class="titre_colonne">texte mis en forme</p>

Et si c'est une partie de texte :
<font class="titre_colonne">texte mis en forme</font>

Comme ça, moins de pb.

Dark Templar · 1 Février 2004

Bonsoir,

Merci pour ta réponse.

J'ai essayé de remplacer les "div" par des "p" ou des "font" mais ça ne change rien.

molgow · 1 Février 2004

Dark Templar a dit:
(...) mais pas avec IE ou Opera (par contre, les balises HTML telles que a, ul, body s'affichent comme je le veux).

Qu'est-ce qui ne fonctionne pas comme tu veux ?

Dark Templar · 1 Février 2004

Le style n'est pas pris en compte : pas la taille des polices, pas l'alignement, pas le soulignement bref, aucun paramètre.

Mais cela fonctionne avec certaines balises comme td (mais pas p, div, font, span alors c'est pas pratique

)

molgow · 1 Février 2004

Peut-être que ton problème vient de la manière dont tu intégres tes CSS dans le HTML ?!
Si tu pouvais nous donner un exemple complet (et même restreint), ça pourrait peut-être nous aider. Car là, bien que n'étant pas un expert du CSS, il me semble que tu fais juste, donc le problème n'est peut-être pas où tu le cherches.

molgow · 1 Février 2004

Bon j'ai fait un petit test avec le CSS que tu nous donnes, et ça a l'air de fonctionner très bien, donc le problème vient bien d'ailleurs.

Le petit test que j'ai fait (en XHTML 1.1) :

<font class="small">Code:</font><hr /><pre>
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<style type="text/css" media="all">
.titre_colonne {
font-size: medium;
font-weight: bold;
color: #000000;
text-decoration: none;
text-align: center;
margin-bottom: 0px;
}
</style>
</head>
<body>
<div class="titre_colonne">Ceci est un test.</div>
</body>
</html>
</pre><hr />

Niconemo · 2 Février 2004

Je me demande si le prblème ne vient pas du caractère " . Je pense qu'il vaut mieux utiliser '

Dark Templar · 2 Février 2004

Bonsoir,

Le remplacement du " par le ' n'a rien changé.

Vous pouvez voir la page vide de texte mais avec le squelette ici.

Peut-être que je vais la passer en xhtml 1.1, surtout si vous pensez que ça peut régler le problème.

Langellier · 2 Février 2004

Les guillemts simples ne sont utiles que pour imbriquer des éléments de script, exemple:

Bloc de code:

 document.write("&lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body onblur='top.close()'&gt;&lt;p align='center'&gt;&lt;a href='javascript:self.close()'&gt;....&lt;/a&gt;")

Je me demande si le prblème ne vient pas du caractère " . Je pense qu'il vaut mieux utiliser '

Je crois que en css on peut utiliser l'un ou l'autre. Il me semble que l'on n'a pas besoin d'imbriquer.

xamolsis · 4 Février 2004

Pour ton code css utilise au lieu de (.titre_colonne) #titre_colonne avec une balise div et c'est bon ;-)

Nephou · 4 Février 2004

xamolsis a dit:
Pour ton code css utilise au lieu de (.titre_colonne) #titre_colonne avec une balise div et c'est bon ;-)

ben non

:

.quelquechose avec

Bloc de code:

&lt;div class="quelquechose"&gt;bla bla bla&lt;/div&gt;

#quelquechose avec

Bloc de code:

&lt;div id="quelquechose"&gt;bla bla bla&lt;/div&gt;

xamolsis · 4 Février 2004

euh t'as raison, m'suis planté la

Dark Templar · 4 Février 2004

J'ai déjà essayé d'utiliser l'argument id (en remplaçant .titre_colonne par #titre_colonne dans la feuille de style) mais ça ne change strictement rien.

anntraxh · 5 Février 2004

salut, Darkounet

pour ma part, j'apprécie beaucoup ce site et en particulier, ce tutoriel
si ça peut t'aider ...

[MGZ]Slug · 5 Février 2004

t'as essayé de virer le "_" de ton "titre_colonne" ? IE m'a fait des cacas nerveux avec les "_" dans les noms de class et d'id ..

@+

Guillaume

Nephou · 5 Février 2004

[MGZ a dit:
Slug] t'as essayé de virer le "_" de ton "titre_colonne" ? IE m'a fait des cacas nerveux avec les "_" dans les noms de class et d'id ..

@+

Guillaume

damned,trop tard ! tout ça cest de la faute à ce satané pare-feu

ya pas à dire : slug avec un railgun ya pas plus rapide

Dark Templar · 5 Février 2004

<blockquote><font class="small"> anntraxh:</font><hr /> pour ma part, j'apprécie beaucoup ce site et en particulier, ce tutoriel

[/QUOTE]
Je l'ai mis dans les favoris et je lirais dès que j'ai le temps.

<blockquote><font class="small"> slug:</font><hr /> t'as essayé de virer le "_" de ton "titre_colonne" ? IE m'a fait des cacas nerveux avec les "_" dans les noms de class et d'id ..

[/QUOTE]
J'ai tout modifié mais ça ne change rien.

iBen · 11 Février 2004

dans quelle balise est insérée ta <div> ?

Dark Templar · 12 Février 2004

À l'intérieur d'une td (elle-même à l'intérieur d'une tr, elle-même à l'intérieur d'une table)

Comprendre les classes CSS

Ex-vénérable sage

Membre expert

Ex-vénérable sage

Membre expert

Ex-vénérable sage

Membre expert

Membre expert

Modo (toujours vivant !)

Ex-vénérable sage

Membre actif

Membre enregistré

de pas sage

Membre enregistré

Ex-vénérable sage

Membre expert

Membre expert

de pas sage

Ex-vénérable sage

Membre actif

Ex-vénérable sage

Sujets similaires