Bienvenue visiteur (Inscription |  Connexion)
Qui est en ligne ?
Il y a : 23 utilisateurs en ligne, consultez le détail
Auteur Message
Ymer
#0 Message posté le : 07-03-2005 à 15:58:14


Maître Jedi


Forum : Inscrit
Association :
Arrivé(e) le : 10-04-2003
Nombre de messages : 7656
J'ai remarqué que la taille des polices était codée en absolue, pourquoi? C'est chiant, ça laisse peu de marge d'action au navigateur.

PS: les polices, sont elles aussi choisie explicitement et non de manière générique (Helvetica c'est pas beau... ).

-------------------------------------
Ymèr,
http://www.ymer.info/.
~> Azollyx <~
Kernel
#1 Message posté le : 07-03-2005 à 18:26:51


Maître Jedi


Forum : Administrateur
Association : Membre fondateur
Arrivé(e) le : 16-01-2003
Nombre de messages : 8343
codée en absolue, oui, c'est un héritage de l'ancienne version qui n'était pas vraiment aux normes, pas le temps de me pencher dessus . Par contre, non, il y a des polices génériques. Il y'a des "sans-serif" partout.

Perso, je ne suis pas fan des sites qui ne mettent que des polices génériques, car l'affichage change en fonction du navigateur et il faut tout reconfigurer dès qu'on change. Si tu veux forcément que tous les sites que tu visites aient tes polices, tu peux l'imposer dans Firefox.

-------------------------------------
Linux c'est bon mangez-en :D
Ymer
#2 Message posté le : 08-03-2005 à 11:44:42


Maître Jedi


Forum : Inscrit
Association :
Arrivé(e) le : 10-04-2003
Nombre de messages : 7656
Kernel a écrit :


codée en absolue, oui, c'est un héritage de l'ancienne version qui n'était pas vraiment aux normes, pas le temps de me pencher dessus . Par contre, non, il y a des polices génériques. Il y'a des "sans-serif" partout.

Ok.
Kernel a écrit :


Perso, je ne suis pas fan des sites qui ne mettent que des polices génériques, car l'affichage change en fonction du navigateur et il faut tout reconfigurer dès qu'on change. Si tu veux forcément que tous les sites que tu visites aient tes polices, tu peux l'imposer dans Firefox.

Je ne vais pas utiliser cette option juste pour un site... (à moins qu'on ne puisse le faire que pour un site?).

-------------------------------------
Ymèr,
http://www.ymer.info/.
~> Azollyx <~
Kernel
#3 Message posté le : 08-03-2005 à 12:27:47


Maître Jedi


Forum : Administrateur
Association : Membre fondateur
Arrivé(e) le : 16-01-2003
Nombre de messages : 8343
Ymer a écrit :



Ok.

Je ne vais pas utiliser cette option juste pour un site... (à moins qu'on ne puisse le faire que pour un site?).


Dans ce cas, comprends que je ne vais pas obliger tous les utilisateurs du site à configurer leur(s) navigateur(s), juste parce que les polices que j'ai choisis ne te conviennent pas.

-------------------------------------
Linux c'est bon mangez-en :D
Ymer
#4 Message posté le : 08-03-2005 à 12:34:35


Maître Jedi


Forum : Inscrit
Association :
Arrivé(e) le : 10-04-2003
Nombre de messages : 7656
Kernel a écrit :


Dans ce cas, comprends que je ne vais pas obliger tous les utilisateurs du site à configurer leur(s) navigateur(s), juste parce que les polices que j'ai choisis ne te conviennent pas.

Je comprend ta réponse mais je ne suis pas sûr que tu es compris la mienne (où alors, j'ai pas compris la tienne). Je disais ça juste pour dire que je peux me contenter de ça et que je ne vais pas changer ma configuration juste pour un site; je n'utilisais pas cette réponse en tant qu'argument pour te faire changer d'avis.

-------------------------------------
Ymèr,
http://www.ymer.info/.
~> Azollyx <~
Kernel
#5 Message posté le : 08-03-2005 à 13:00:35


Maître Jedi


Forum : Administrateur
Association : Membre fondateur
Arrivé(e) le : 16-01-2003
Nombre de messages : 8343
Ah, au temps pour moi

-------------------------------------
Linux c'est bon mangez-en :D
Ymer
#6 Message posté le : 08-03-2005 à 21:09:00


Maître Jedi


Forum : Inscrit
Association :
Arrivé(e) le : 10-04-2003
Nombre de messages : 7656
J'ai pris la liberté de modifier la feuille de style, je n'ai modifier que les tailles en essayant de rester le plus proche du rendu voulu (et j'ai aussi dit à JEdit de m'identer le code), voilà ce que ça donne:
body  {

        background-color : #FFFFFF;

        margin : 0;

        padding : 0;

}

a {

        text-decoration : none;

        color : #640064;

}

a:hover {

        color : blue;

        text-decoration : underline;

}

a.lienmenu {

        color : black;

        text-decoration : underline;

}

a.lienmenu:visited {

        color : black;

        text-decoration : underline;

}

a.lienmenu:hover {

        color : blue;

        text-decoration : none;

}



a.fleche {

        color : #3909f7;

        text-decoration : underline;

}

a.fleche:visited {

        color : #3909f7;

        text-decoration : underline;

}

a.fleche:hover {

        color : #3909f7;

        text-decoration : none;

}

a.rouge {

        color : red;

        text-decoration : underline;

}

a.rouge:visited {

        color : red;

        text-decoration : underline;

}

a.rouge:hover {

        color : red;

        text-decoration : none;

}

a.lienbleu {

        color : blue;

        text-decoration : none;

}

a.lienbleu:visited {

        color : blue;

        text-decoration : none;

}

a.lienbleu:hover {

        color : #640064;

        text-decoration : underline;

}



img {

        border : 0 none ;

}

img.emoticon {

        border:none;

        cursor:pointer;

}

form {

        border : 0 none ;

        margin : 0;

}

input {

        background-color : white;

}

select {

        background-color : white;

        font : cem Verdana, Arial, Helvetica, sans-serif;

}

textarea {

        background-color : white;

}

input.button {

        font : 0.85em Verdana, Arial, Helvetica, sans-serif;

        color : black;

        cursor : pointer;

        background-color : #F6F6FF;

}

input.bbcode {

        font-weight:bold;

        width: 55px;

}

#faq {

        width : 90%;

        margin-left : auto;

        margin-right : auto;

        font : 0.85em Verdana, Arial, Helvetica, sans-serif;

}

#tabhaut{

        background : #6a1c73;

        height : 70px;

        width : 100%;

}

#search {

        padding-right : 0;

        padding-top : 2px;

        height : 50px;

}

#envlogo {

        padding-left : 0;

        padding-top : 3px;

}

#lesforums {

        width : 96%;

}

#lacat {

        width : 96%;

        border:1px solid #345487;

}

#who {

        background : #DEE6EE;

        border:1px solid #CDDAF6;

}

#menu {

        background : #F6F6FF;

        border:1px solid #CDDAF6;

        width : 96%;

}

#formsond {

        background : #DEE6EE;

        border:1px solid #CDDAF6;

        width : 610px;

}

#sondage {

        border:1px solid #CDDAF6;

        width : 660px;

}

#menugauche {

        text-align : left;

        font : 0.7em Verdana, Arial, Helvetica, sans-serif;

}

#menudroite {

        text-align : right;

        font : 0.7em Verdana, Arial, Helvetica, sans-serif;

}

#navighd {

        padding-right : 0;

        padding-top : 0;

        background-image : url(../../images/degrade.gif);

        font : 0.85em Arial, Helvetica, sans-serif;

        height : 17px;

        width : 499px;

        text-align : right;

        background-repeat : no-repeat;

        background-position : right;

}

#signature {

        width : 100%;

        font : 0.7em Verdana, Arial, Helvetica, sans-serif;

        text-align : center;

        height : 100px;

}

table.unforum {

        width : 100%;

        border:1px solid #345487;

}

table.simple {

        width : 90%;

        border:1px solid #345487;

}

table.formreponse {

        border:1px solid #345487;

}

table.navigation {

        width : 96%;

        border : 0 none ;



}

table.contrib {

        width : 90%;

        border : 0 none ;

        padding-left : 2%;

}

table.complementaire {

        width : 70%;

        border : 0 none ;

        padding-left : 2%;

}

table.auteurtab {

        width : 100%;

        border : 0 none ;

}

table.centpourcent {

        width : 100%;

}

table.formbleu {

        width : 600px;

        border:1px solid #345487;

        background-color : #F5F5FF;

}

table.formbleu2 {

        width : 90%;

        border:1px solid #345487;

        background-color : #F5F5FF;

}

img.screen {

        border:2px solid;

}

a.screen {

        color : #5a5589;

        text-decoration : none;

}

a.screen:visited {

        color : #5a5589;

        text-decoration : none;

}

a.screen:hover {

        color : #efc017;

        text-decoration : none;

}

.ver10 {

        font : 0.7em Verdana, Arial, Helvetica, sans-serif;

}

.ver11 {

        font : 0.75em Verdana, Arial, Helvetica, sans-serif;

}

.ver12 {

        font : 0.85em Verdana, Arial, Helvetica, sans-serif;

}

.ar14 {

        font : 1.0em Arial, Helvetica, sans-serif;

}

.ar12 {

        font : 0.85em Arial, Helvetica, sans-serif;

}

.ar10 {

        font : 0.7em Arial, Helvetica, sans-serif;

}

.propos {

        font-weight : bold;

        color : #3909f7;

        letter-spacing : 8px;

        text-decoration : none;

}

.gras {

        font-weight:bold;

}

.crouge {

        color : red;

}

.souligne {

        text-decoration : underline;

}

.italique {

        text-decoration : italic;

}

.centre {

        text-align : center;

}

.droit {

        text-align : right;

}

.gauche {

        text-align : left;

}

.vhaut {

        vertical-align:baseline;

}

.warning {

        font : 1.2em Arial, Helvetica, sans-serif;

        color : red;

}

.espacemot {

        word-spacing : 2mm;

        text-align : left;

        font : 0.7em Verdana, Arial, Helvetica, sans-serif;

}

.autresvue {

        width : 60%;

}

.bleuviolet {

        color : #3909f7;

}

.etat {

        width : 14px;

}

.ico {

        width : 15px;

}

.auteur {

        width : 195px;

}

.nomtopic {

        width : 40%;

}

.note {

        font : 1.0em Verdana, Arial, Helvetica, sans-serif;

        text-align : center;

}

.miseenforme {

        background : #ffffff;

        width : 90%;

        margin-top:15px;

        margin-bottom:15px;

        padding : 3px;

        margin-left : auto;

        margin-right : auto;

        overflow:auto;

}

.miseenimage {

        width : 90%;

        margin-top:5px;

        margin-bottom:5px;

        padding : 3px;

        margin-left : auto;

        margin-right : auto;

        overflow:auto;

}

.cadrequote {

        border:1px inset;

}

.cadrefixed {

        border:1px inset;

}

.speauteur {

        float: left;

        text-align : left;

}

.entete {

        text-align : left;

        border-bottom : 2px solid #3909f7;

        height : 25px;

        width : 100%;

}

.titreboite {

        font: 0.85em verdana,arial, helvetica, sans-serif;

        margin-bottom:2px;

        font-weight:bold;

}

td.bas {

        background-color : #BDD2EE;

        height : 25px;

}

td.petitespace {

        height : 3px;

}

td.grandespace {

        height : 15px;

}

th.choix {

        width : 200px;

}

th.middlechoix {

        width : 450px;

}

td.gris1 {

        background-color : #EFEFEF;

}

td.gris2 {

        background-color : #DEE6EE;

}

td.gris3 {

        background-color : #D5D6DE;

}

td.gris4 {

        background-color : #BDD2EE;

}

td.gris5 {

        background-color : #E6EAF6;

        padding : 4px;

}

td.afficons {

        background-color : #BDD2EE;

        height : 30px;

}

td.affmessage {

        vertical-align:top;

}

th.titre {

        font-weight:bold;

        color:#3A4F6C;

        padding:7px;

        margin:0px;

        background-image: url(../images/titre.gif);

}

th.moitietitre {

        width : 50%;

}

th.deuxpc {

        width : 35px;

}

ul.navigtuto {

        list-style-type : circle;

        margin-left : 0;

        margin-top : 5px;

        padding-left : 50px;

}



-------------------------------------
Ymèr,
http://www.ymer.info/.
~> Azollyx <~
Kernel
#7 Message posté le : 08-03-2005 à 22:00:57


Maître Jedi


Forum : Administrateur
Association : Membre fondateur
Arrivé(e) le : 16-01-2003
Nombre de messages : 8343
Sincèrement, j'apprécie que tu aies pris la peine de convertir les polices en em. Comme je te le disais tantôt ce n'était pas ma priorité, mais puisque tu t'y intéresses autant qu'on solutionne cela definitivement.

Alors, d'abord c'est pas comme ça qu'on fait, pour plusieurs raisons :

- Quand on utilise des polices relatives, il est préférable d'imposer au moins une police dans le body, car sinon les personnes dont le navigateur n'est pas configuré auront des surprises. Mais si le but visé est vraiment de faire dépendre la taille des polices du navigateur, alors il est préférable d'utiliser les mentions x-large & co, prévues pour ça.

- Il existe, plusieurs façon de faire du relatif. Jusqu'à maintenant, j'utilisais la moins bonne : px. Tu as utilisé l'intermédiaire : em. Mais, j'espère que tu en conviendras, le mieux c'est encore : ex.

Je te laisse intégrer ces modifs au fichier ?

PS : tu pourras également faire disparaître Helvetica, ainsi ton navigateur prendra directement la sans-serif à chaque fois

-------------------------------------
Linux c'est bon mangez-en :D
Ymer
#8 Message posté le : 08-03-2005 à 22:54:08


Maître Jedi


Forum : Inscrit
Association :
Arrivé(e) le : 10-04-2003
Nombre de messages : 7656
Voilà, j'ai mis 12pt dans le body et j'ai passé tout le reste en ex mais j'étais pas trop sûr des valeurs à mettre (de mon temps et de celui ou je jouais avec netY, je mettais tout en %), ça s'affiche correctement chez moi donc je dois pas être trop loin...
Vu que le fichier est long, je l'ai mis ici (normalement le serveur marche ).

--Message édité par Ymer le 09-03-2005 à 15:10:20--


-------------------------------------
Ymèr,
http://www.ymer.info/.
~> Azollyx <~
Guimauve2
#9 Message posté le : 09-03-2005 à 04:16:33


Naboo


Forum : Inscrit
Association :
Arrivé(e) le : 22-07-2003
Nombre de messages : 2128
Parlant de polices, c'est normal que Firefox ne me mette pas le gras sous GNU/Linux?

Test :

Ce texte devrait être en gras
Ce texte devrait être en italique
Ce texte devrait être souligné

Edit : C'est la balise "u", et non "s", pour le souligné...

Edit 2 : non, le gras ne fonctionne pas...

--Message édité par Guimauve2 le 09-03-2005 à 04:17:26--


-------------------------------------
GNU/Linux? Il y a moins bien, mais c'est plus cher!

Mon blog (pas très souvent updaté, mais tout de même...) : http://guimauve2.blogspot.com/
Kernel
#10 Message posté le : 09-03-2005 à 08:09:48


Maître Jedi


Forum : Administrateur
Association : Membre fondateur
Arrivé(e) le : 16-01-2003
Nombre de messages : 8343
Ymer a écrit :


Voilà, j'ai mis 12pt dans le body et j'ai passé tout le reste en ex mais j'étais pas trop sûr des valeurs à mettre (de mon temps et de celui ou je jouais avec netY, je mettais tout en %), ça s'affiche correctement chez moi donc je dois pas être trop loin...
Vu que le fichier est long, je l'ai mis ici (normalement le serveur marche ).


on s'est mal compris, fallait pas remplacer toutes les polices par sans-serif, mais juste enlever Helvetica (donc laisser verdana et arial pour ceux qui ont ces polices). Bon, je valide tout ça ce week-end avant de l'uploader sur le site. Merci.

-------------------------------------
Linux c'est bon mangez-en :D
Ymer
#11 Message posté le : 09-03-2005 à 12:17:11


Maître Jedi


Forum : Inscrit
Association :
Arrivé(e) le : 10-04-2003
Nombre de messages : 7656
Guimauve2 a écrit :


Parlant de polices, c'est normal que Firefox ne me mette pas le gras sous GNU/Linux?

Test :

Ce texte devrait être en gras
Ce texte devrait être en italique
Ce texte devrait être souligné

Edit : C'est la balise "u", et non "s", pour le souligné...

Edit 2 : non, le gras ne fonctionne pas...


Chez moi ça marche, ça doit venir de ta police vu que l'XHTML semble bon.



Kernel a écrit :


on s'est mal compris, fallait pas remplacer toutes les polices par sans-serif, mais juste enlever Helvetica (donc laisser verdana et arial pour ceux qui ont ces polices). Bon, je valide tout ça ce week-end avant de l'uploader sur le site. Merci.

Ha, excuse moi.

-------------------------------------
Ymèr,
http://www.ymer.info/.
~> Azollyx <~
Guimauve2
#12 Message posté le : 09-03-2005 à 18:46:21


Naboo


Forum : Inscrit
Association :
Arrivé(e) le : 22-07-2003
Nombre de messages : 2128
Ah, peut-être ai-je mal installé mes polices sur ma LFS?

-------------------------------------
GNU/Linux? Il y a moins bien, mais c'est plus cher!

Mon blog (pas très souvent updaté, mais tout de même...) : http://guimauve2.blogspot.com/
Ymer
#13 Message posté le : 09-03-2005 à 19:02:33


Maître Jedi


Forum : Inscrit
Association :
Arrivé(e) le : 10-04-2003
Nombre de messages : 7656
Guimauve2 a écrit :


Ah, peut-être ai-je mal installé mes polices sur ma LFS?

Regarde déjà lesquelles sont utilisées.

-------------------------------------
Ymèr,
http://www.ymer.info/.
~> Azollyx <~