| Qui est en ligne ? |
| Il y a : 23 utilisateurs en ligne, consultez le détail |
Forum » Association Trustonme » Taille de police codée en absolue |
Forum modéré par : Jul |
| Même auteur |
|
Score ( voter ) : |
|
| Page : [1] |
| Auteur | Message |
|---|---|
|
|
#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 <~ |
|
|
#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 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 |
|
|
#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 |
Ok.
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 <~ |
|
|
#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 |
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 |
|
|
#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 |
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 <~ |
|
|
#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 |
|
|
#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 <~ |
|
|
#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 |
|
|
#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 <~ |
|
|
#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/ |
|
|
#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 |
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 |
|
|
#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 |
Chez moi ça marche, ça doit venir de ta police vu que l'XHTML semble bon.
Ha, excuse moi. ------------------------------------- Ymèr, http://www.ymer.info/. ~> Azollyx <~ |
|
|
#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/ |
|
|
#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 |
Regarde déjà lesquelles sont utilisées. ------------------------------------- Ymèr, http://www.ymer.info/. ~> Azollyx <~ |
| Page : [1] |
Forum » Association Trustonme » Taille de police codée en absolue |
Forum modéré par : Jul |
| Même auteur |
|
Score ( voter ) : |
|
- Petit scarabée : 0 pastille, moins de 100 messages
- Scarabée : 0 pastille, plus de 100 messages
- Hobbit : 1 pastille, plus de 1000 messages
- Naboo : 2 pastilles, plus de 2000 messages
- Elfe : 3 pastilles, plus de 3000 messages
- Jedi : 4 pastilles, plus de 4000 messages
- Maître Jedi : 5 pastilles, plus de 5000 messages