OVH Cloud OVH Cloud

Visualisation différente avec meme fichier CSS

10 réponses
Avatar
Dominique Ottello
Bonjour,

Mon site http://ottello.net (1) utilise, pour le moment, pour toutes les
pages, le même fichier css "menu.css" situé à la racine du site sur
certaines pages, les paragraphes <P class="titre1"> ne sont pas
visualisés de la même manière que sur la page d'accueil.

La déclaration dans le fichier css est :

P.titre1 {font-family:"Trebuchet MS";
font-size:1.40em;
color:#5D5D5D;
padding-bottom:10px;
padding-top:10px;
text-align:right;
letter-spacing:4px;
font-variant:small-caps;
font-style:italic;}

Or, sur la page d'accueil, l'épaisseur de tous les caractères est bien
la même mais, par exemple sur la page accessible par le lien
"Super-Starliner L-1649 F-BHBO" sur cette même page ou en direct par
http://dominique.ottello.free.fr/constellation/constellation.html
seules les capitales ont la bonne épaisseur, les petites capitales sont
fines.

À priori, le problème arrive avec Mozilla 1.6 fr et Opera 7.23 mais pas
avec IE6.

Si quelqu'un pouvait m'expliquer pourquoi, je pourrais peut-être trouver
une solution.

Merci.

(1) En fait, http://dominique.ottello.free.fr et, oui, je sais, il y a
des frames et des tableaux, mais c'est en voie de disparition, doucement
mais sûrement, mais je ne sais pas encore si je pourrais éliminer les
tableaux, par exemple de la page :
http://dominique.ottello.free.fr/unites/unigeometri.html
--
= Dominique Ottello = http://www.ottello.net
Aujourd'hui, l'idéal du progrès est remplacé par l'idéal de l'innovation :
il ne s'agit pas que ce soit mieux, il s'agit seulement que ce soit nouveau,
même si c'est pire qu'avant et cela de toute évidence. Montherlant

10 réponses

Avatar
Thibaut Allender
on 25/05/2004 16:43, Dominique Ottello wrote :

À priori, le problème arrive avec Mozilla 1.6 fr et Opera 7.23 mais pas
avec IE6.

Si quelqu'un pouvait m'expliquer pourquoi, je pourrais peut-être trouver
une solution.



etrange en effet,
en tous cas il y a une difference entre les 2 pages
dans la page d'accueil le <p> en question est dans un tableau, alors que
dans l'autre page il est directement dans le body

il manque egalement des ; un peu partout dans le css, ca peut venir de
la aussi

(1) En fait, http://dominique.ottello.free.fr et, oui, je sais, il y a
des frames et des tableaux, mais c'est en voie de disparition, doucement
mais sûrement, mais je ne sais pas encore si je pourrais éliminer les
tableaux, par exemple de la page :
http://dominique.ottello.free.fr/unites/unigeometri.html



et puis, tant qu'on en parle, pourquoi des <p class="titre1"> et pas des
<h1> ?

--
thibaut allender | freelance | web|system developer|designer
+32 496 26 75 76 | http://capsule.org *new version*
Avatar
newdb
Thibaut Allender
wrote:
dans la page d'accueil le <p> en question est dans un tableau, alors que
dans l'autre page il est directement dans le body



'ffectiv'ment !

si tu mets (dominique) un paragraphe de 'constellation.html' dans un :
<table>
<tr>
<td>

<p class="txtar">
Le plus remarquable, le plus fin et sans aucun doute
le plus beau des avions de ligne...
</p>

</td>
</tr>
</table>

tu retrouveras le même affichage que dans la page 'quisuisje.html'

problème d'héritage...


--
@@@@@
E -00 comme on est very beaux dis !
' `) /
|_ =="
Avatar
Dominique Ottello
Thibaut Allender
écrivait :


il manque egalement des ; un peu partout dans le css, ca peut venir de
la aussi



Merci, je vais vérifier ça.

et puis, tant qu'on en parle, pourquoi des <p class="titre1"> et pas des
<h1> ?



Ça va venir, mais comme j'ai également des "titre1c" avec pour seule
différence avec "titre1", le fait d'avoir un text-align:center à la
place de justify, je fais comment pour différentier les deux <h1>
justifié et centré ?
--
Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Site aéronautique : http://ottello.net
Concorde dans la presse de 1965 à 2003 : http://le.pointu.free.fr
Avatar
Olivier Miakinen
Le 25/05/2004 17:55, Dominique Ottello a écrit :

Thibaut Allender
écrivait :


il manque egalement des ; un peu partout dans le css, ca peut venir de
la aussi



Merci, je vais vérifier ça.

et puis, tant qu'on en parle, pourquoi des <p class="titre1"> et pas des
<h1> ?



Ça va venir, mais comme j'ai également des "titre1c" avec pour seule
différence avec "titre1", le fait d'avoir un text-align:center à la
place de justify, je fais comment pour différentier les deux <h1>
justifié et centré ?



<h1> et <h1 class="centre">, par exemple.

Mais le mieux serait de savoir pourquoi certains sont centrés et
d'autres non, et de choisir de meilleurs noms en conséquence.


Par exemple, <h1 class="pageprincipale"> et <h1 class="autrespages">.


Et même là, il y a mieux. Par exemple :

<body id="pageprincipale">
<h1>
<h1>
</body>

et

<body id="autrespages">
<h1>
<h1>
</body>


(je suppose, peut-être à tort, que sur une même page tous les titres de
niveau 1 ont la même présentation)
Avatar
Thibaut Allender
on 25/05/2004 17:55, Dominique Ottello wrote :

Ça va venir, mais comme j'ai également des "titre1c" avec pour seule
différence avec "titre1", le fait d'avoir un text-align:center à la
place de justify, je fais comment pour différentier les deux <h1>
justifié et centré ?



soit tu leur donnes une classe,
par exemple :

<h1 class="t1">test 1</h1>
<h1 class="t2">test 2</h1>

avec dans le css :
h1 {proprietes communes aux 2}
h1.t1 { proprietes specifiques a t1 }
h1.t2 { proprietes specifiques a t2 }

soit tu fais reference a l'element parent :

<div id="bloc1">
<h1>test 1</h1>
</div>

<div id="bloc2">
<h1>test 2</h1>
</div>

css :
h1 {proprietes communes aux 2}
#bloc1 h1 { proprietes specifiques a t1 }
#bloc2 h1 { proprietes specifiques a t2 }

--
thibaut allender | freelance | web|system developer|designer
+32 496 26 75 76 | http://capsule.org *new version*
Avatar
Thibaut Allender
on 25/05/2004 18:14, Olivier Miakinen wrote :

Par exemple, <h1 class="pageprincipale"> et <h1 class="autrespages">.
Et même là, il y a mieux. Par exemple :
<body id="pageprincipale">


[snip]

eh, tu lis dans mes pensees olivier ? ;)

--
thibaut allender | freelance | web|system developer|designer
+32 496 26 75 76 | http://capsule.org *new version*
Avatar
Olivier Miakinen
Le 25/05/2004 18:16, Thibaut Allender a écrit :

eh, tu lis dans mes pensees olivier ? ;)



:-D

On doit être nourris de la même bonne parole... à moins tout simplement
que ce ne soit du bon sens ?
Avatar
Dominique Ottello
Thibaut Allender
écrivait :

et puis, tant qu'on en parle, pourquoi des <p class="titre1"> et pas des
<h1> ?



Bien que dans le fichier menu.css les déclarations pour "H1" et "titre1"
soient strictement identiques, les effets, à la visualisation, ne sont
pas les mêmes : voir la page

http://dominique.ottello.free.fr/essais-css.html

Avec Mozilla il n'y a pas beaucoup de différences ; elles s'aggravent
avec Opera et, dans IE6, c'est même hideux... et je ne parle pas des
différences entre Body et Table.

Et pourtant, en appelant la page en direct, on ne peut pas invoquer un
quelconque "héritage".

--
Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Site aéronautique : http://ottello.net
Concorde dans la presse de 1965 à 2003 : http://le.pointu.free.fr
Avatar
Dominique Ottello
(denisb) écrivait :

tu retrouveras le même affichage que dans la page 'quisuisje.html'

problème d'héritage...



Là, j'ai vraiment du mal à comprendre ce foutu problème d'héritage
puisque dans la page appelée (constellation.html), tous les paragraphes
sont définis par une "class".

De plus, si dans le navigateur, on appelle (au besoin en la rechargeant
et même en vidant le cache) la page en direct :
http://dominique.ottello.free.fr/constellation/constellation.html
on ne peut plus parler d'héritage puisqu'elle n'a plus de parent
appelant.
--
= Dominique Ottello = http://www.ottello.net
Aujourd'hui, l'idéal du progrès est remplacé par l'idéal de l'innovation :
il ne s'agit pas que ce soit mieux, il s'agit seulement que ce soit nouveau,
même si c'est pire qu'avant et cela de toute évidence. Montherlant
Avatar
Thibaut Allender
on 25/05/2004 20:08, Dominique Ottello wrote :

Et pourtant, en appelant la page en direct, on ne peut pas invoquer un
quelconque "héritage".



on parle ici d'un heritage de structure

body > p ou body > table > p

--
thibaut allender | freelance | web|system developer|designer
+32 496 26 75 76 | http://capsule.org *new version*