JeuxOnLineForumsPlusConnectés : 647 (sites) | 1111 (forums)Créer un compte
Forums divers
La Taverne
Les forums JOL > Forums divers > La Taverne > Pocesseur de Mac - fichier css RSS
   
Répondre
Partager Outils Rechercher
Avatar de nanoko
nanoko
Alpha & Oméga
 
Avatar de nanoko
 

Pocesseur de Mac - fichier css

Je suis en train de faire les fichiers css d'un futur site :

certaines choses étant différentes et ayant un pc il m'est difficile d'adapter le thème alors si un connaisseur voulait le faire sinon pas grave ça fera un site de plus qui tournera carré sur mac
********************************************************************************************************
fichier css sur pc fait :
********************************************************************************************************
body {
background : url(dunes.jpg) no-repeat fixed center center;
color: #000000;
font-weight: normal;
font-size: x-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px
}

pre {font-size: x-small; color: #000000; font-family: Terminal;}

table, tr, td, p, div, .content {font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea { background : url(panier.jpg) ;font-size: x-small; color: 660000; font-family: Verdana, Arial, Helvetica, sans-serif;}

a {color: #ccffcc; font-weight: bold; text-decoration: none;}
a:link {color: #ccffcc; font-weight: bold;}
a:visited {color: #ccffcc; font-weight: bold;}
a:hover {color: #FFFFFF; text-decoration: none;}

.title a {color: #343434; text-decoration: none;}
.title a:link {color: #505f7d; text-decoration: none;}
.title a:visited {color: #505f7d; text-decoration: none;}
.title a:hover {color: #343434; text-decoration: none;}

.forum {color: #000000;}
.forum a {color: #787878; text-decoration: none;}
.forum a:link {color: #C0C0C0; text-decoration: none;}
.forum a:visited {color: #C0C0C0; text-decoration: none;}
.forum a:hover {color: #787878; text-decoration: none;}

.bold {font-weight: bold;}
.white {color: #00ffcc;}

.fggray {color: #000000;}
.fgoffwhite {color: #ccffcc;}
.byline {color: #000000; font-size:9px; text-align:center;}
.content {color: #00ffcc;}

#clock {color: #00FFCC; font-size:x-small;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #ccffcc; font-weight: bold ;}

input.formButton {}

.item {border: 1px solid ;background: url( peau.jpg);}
.itemHead {padding: 3px; background: url( bois2.gif); color: #00ffcc;}
.itemInfo {text-align: right; padding: 3px; background: url( bois2.gif)}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #00ffcc; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background: url( bois2.gif);}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background :url(bois2.gif) ; color: #00ffcc ; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

.outer {border: 1px solid silver; width: 100%}
.head {background : url(bois2.gif); padding: 5px; font-weight: bold;}

.even {padding: 5px; color: #330066; vertical-align : top}
.even a {color: #000000; text-decoration: none; font-weight: bold }
.even a {color: #FFFFFF; text-decoration: none; font-weight: bold }
.even a:link {color: #330066; text-decoration: none; font-weight: bold}
.even a:visited {color: #330066; text-decoration: none; font-weight: bold}
.even a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold}
.odd {background : ; padding: 5px; color: #ccff99; font-weight: bold; vertical-align : top}
.odd a {color: #000000; text-decoration: none; font-weight: bold}
.odd a:link {color: #ccff99; text-decoration: none; font-weight: bold}
.odd a:visited {color: #ccff99; text-decoration: none; font-weight: bold}
.odd a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold}
.foot {background-color: #000000; padding: 5px; font-weight: bold;}
tr.even td { background: url( panier.jpg); padding: 5px;}
tr.odd td { background: url( peau.jpg); padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode {background: #C2CDD6;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;}
div.xoopsQuote {background: #C2CDD6;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;}

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #43506B; font-weight:bold; border: 1px solid silver; background-color: #C2CDD6; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #43506B; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px; font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

********************************************************************************************************
fichier css pour mac à adapter avec les couleurs ,fond et adresse du fichier précédent :
********************************************************************************************************
body {
background : url(dunes.jpg) no-repeat fixed center center;
color: #000000;
font-weight: normal;
font-size: x-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px
}

table td {padding:0; border-width:0; vertical-align:top;}
a {color:#d0a700; text-decoration:none;}
a:hover {color:#767676; text-decoration:none;}
ul {margin:2px; padding:2px; list-style:decimal inside; text-align:left;}
li {margin-left:2px; list-style:square inside; color:#0083D7}
th {background:#191919 url(images/cellpic_nav.gif); color:#FFFFFF; padding:1px; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif;}
th a {color:#fff;text-decoration:none;}
th a:hover {color:#fff;text-decoration:none;}
th a:visited {color:#fff;text-decoration:none;}
abbr, acronym, .help {border-bottom:1px dashed black;cursor:help;}

#header {background:#272727 border:1px solid; border-color:#707070 #000000 #000000 #707070;}
#nav {width: 100%; background:#191919 url(images/cellpic_nav.gif); border:1px solid; border-color:#707070 #000000 #000000 #707070;padding: 0px; margin: 0px 0px 8px 0px;
font-family:trebuchet ms, arial, verdana;font-size:0.9em;}

#leftcolumn {background:#2E2E2E; width:170px;}
#rightcolumn {background:#2E2E2E; width:170px;}
#centercolumn {margin-left:10px; margin-right:10px; padding-left:5px; padding-right:5px;}
div#content {text-align: left; font-size:95%;}
#nav a {color: #d0a700;text-decoration:none;}
#nav a:hover {color: #767676;text-decoration:underline;}

td#mainmenu a {display: block; margin: 0; padding: 1px;}
td#mainmenu a:hover {margin-right:3px; background:#636363; text-decoration: none; padding-right:2px;color:#d0a700;}
td#mainmenu a.menuTop {padding-left: 3px;}
td#mainmenu a.menuMain {padding-left: 3px;}
td#mainmenu a.menuSub {padding-left: 9px; color:#CE3F00}
td#mainmenu a.menuSub:hover {padding-left: 9px; color:#CE3F00}

td#usermenu a {display: block; margin: 0; padding: 1px;}
td#usermenu a:hover {margin-right:3px; background:#636363; text-decoration: none; padding-right:2px;color:#d0a700;}
td#usermenu a.menuTop {padding-left: 3px;}
td#mainmenu a.menuMain {padding-left: 3px;}

td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
td#centerCcolumn div.blockContent {padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

div.spacer {clear: both;}
div.row span.left {float: left; text-align: left; font-weight: bold; color: #fff; margin-left:33px; width: 50%;}
div.row span.right {float: right; text-align: right; font-weight: bold; padding-right:20px; color: #fff; width: 30%;}


.column {float: left;}
.rcolumn {float:right;}

/* LeftBar Title Blocks */
.leftTitle1, .leftTitle2, .leftTitle3, .leftTitle4
{background:#191919 url(images/cellpic_nav.gif);border:1px solid; border-color:#707070 #000000 #000000 #707070; font-family: trebuchet ms, trebuchet, arial, lucilda;font-weight:normal; font-size:90%;
padding-left:2px;vertical-align:middle; font-weight:bold;}


/* LeftBar Content Blocks */
.leftContent1, .leftContent2, .leftContent3, .leftContent4
{background:#272727;border:1px solid; border-color:#707070 #000000 #000000 #707070; font-family: trebuchet ms, trebuchet, arial, lucilda; font-size: 95%; margin-top: 0px; margin-left: 0px;
padding-top: 5px; padding-left: 5px; list-style: none;margin-bottom:3px;}

.leftContent1 {}
.leftContent1 a:link {color:#d0a700; text-decoration:none;}
.leftContent1 a:hover {color:#767676; text-decoration:underline;}
.leftContent1 a:visited {color:#d0a700;}

.leftContent2 {}
.leftContent2 a:link {color:#d0a700; text-decoration:none;}
.leftContent2 a:hover {color:#767676; text-decoration:underline;}
.leftContent2 a:visited {color:#d0a700;}

.leftContent3 {}
.leftContent3 a:link {color:#d0a700; text-decoration:none;}
.leftContent3 a:hover {color:#767676; text-decoration:underline;}
.leftContent3 a:visited {color:#d0a700;}

.leftContent4 {}
.leftContent4 a:link {color:#d0a700; text-decoration:none;}
.leftContent4 a:hover {color:#767676; text-decoration:underline;}
.leftContent4 a:visited {color:#d0a700;}

/* Rightbar Title Blocks */
.rightTitle1, .rightTitle2, .rightTitle3 {background:#191919 url(images/cellpic_nav.gif);border:1px solid; border-color:#707070 #000000 #000000 #707070; margin-left:0px; margin-right:0px; padding-left:2px;
color:#fff; font-family: trebuchet ms, trebuchet, arial, lucilda;vertical-align:middle;font-weight:bold;font-size:90%;}



/* Rightbar Content Blocks */
.rightContent1, .rightContent2, .rightContent3 {margin-left:0px; margin-right:0px; margin-bottom:2px; padding-left:5px; padding-right:5px; padding-bottom:3px;
padding-top:5px; font-family:arial, helvetica, sans-serif; font-size:95%; line-height:110%; color:#999;
background-color:#fff; max-width:200px;}

.rightContent1 {background:#272727;border:1px solid; border-color:#707070 #000000 #000000 #707070;}
.rightContent1 a:link { color:#d0a700; text-decoration:none;}
.rightContent1 a:visited {color:#767676; text-decoration:none;}
.rightContent1 a:hover {color:#d0a700; text-decoration:underline;}

.rightContent2 {background:#272727;border:1px solid; border-color:#707070 #000000 #000000 #707070;}
.rightContent2 a:link {color:#d0a700; text-decoration:none;}
.rightContent2 a:visited {color:#767676; text-decoration:none;}
.rightContent2 a:hover {color:#d0a700; text-decoration:underline;}

.rightContent3 {background:#272727;border:1px solid; border-color:#707070 #000000 #000000 #707070;}
.rightContent3 a:link {color:#d0a700; text-decoration:none;}
.rightContent3 a:visited {color:#767676; text-decoration:none;}
.rightContent3 a:hover {color:#d0a700; text-decoration:underline;}


.item {border:1px solid; border-color:#707070 #000000 #000000 #707070; font-size:1em;}
.itemHead {background:#191919 url(images/cellpic_nav.gif);padding: 3px; background-color: #191919; color: #FFFFFF;border:1px solid; border-color:#707070 #000000 #000000 #707070;}
.itemInfo {text-align: right; padding: 3px; background-color: #191919;border:1px solid; border-color:#707070 #000000 #000000 #707070;}
.itemTitle a {font-size: 115%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;border:1px solid; border-color:#707070 #000000 #000000 #707070;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 120%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #191919}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%; font-style:italic;}

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #e7e7e7; font-weight:bold; border:0; background:#303030; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #272727; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

.outer {border:1px solid; border-color:#707070 #000000 #000000 #707070;}
.head {background:#191919; font-weight:bold; padding:5px; text-indent:0px;
border:1px solid; border-color:#707070 #000000 #000000 #707070}
.even {background:#272727;border:1px solid; border-color:#707070 #000000 #000000 #707070; padding:5px;}
.odd {background:#303030;border:1px solid; border-color:#707070 #000000 #000000 #707070; padding:5px;}
.foot {background:#272727; padding:5px; font-weight:bold; padding:5px;}
tr.even td {background:#272727;border:1px solid; border-color:#707070 #000000 #000000 #707070; padding:5px;}
tr.odd td {background:#303030;border:1px solid; border-color:#707070 #000000 #000000 #707070; padding:5px;}

.head td {background:#191919 url(images/cellpic1.gif); font-weight:bold; padding:5px; text-indent:4px;
border:1px solid; border-color:#707070 #000000 #000000 #707070;}
.head a:link {color:#d0a700;text-decoration:none;}
.head a:hover {color:#767676;text-decoration:underline;}

div.errorMsg {background-color:#FFCCCC; text-align:center; border-top:1px solid #DDDDFF; border-left:1px solid #DDDDFF;
border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; font-weight:bold; padding:10px;}
div.confirmMsg {background-color:#DDFFDF; color:#136C99; text-align:center; border-top:1px solid #DDDDFF;
border-left:1px solid #DDDDFF; border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; font-weight:bold; padding:10px;}
div.resultMsg {background-color:#CCCCCC; color:#333333; text-align:center; border-top:1px solid silver; border-left:1px solid silver;
font-weight:bold; border-right:1px solid #666666; border-bottom:1px solid #666666; padding:10px;}

div.xoopsCode {background:#767676; border:1px inset #B0B0B0; font-family:"Courier New",Courier,monospace; padding:0px 6px 6px 6px;}
div.xoopsQuote {background:#767676; border:1px inset #B0B0B0; font-family:"Courier New",Courier,monospace; padding:0px 6px 6px 6px;}

/* Form elements */
form{display:inline}
.textarea {font:11px Verdana,Arial,Helvetica,sans-serif;color:#e7e7e7; border:1px solid;border-color: #000000 #707070 #707070 #000000; background:#303030;}
.formButton{font:11px Verdana,Arial,Helvetica,sans-serif;color:#d0a700; border:1px solid;border-color: #707070 #000000 #000000 #707070; background:#303030}
.select {background:#303030;color:#d0a700;}
input.textarea {font:11px Verdana,Arial,Helvetica,sans-serif;color:#e7e7e7; border:1px solid;border-color: #000000 #707070 #707070 #000000; background:#303030;}
input.but{font:11px Verdana,Arial,Helvetica,sans-serif;color:#d0a700; border:1px solid;border-color: #707070 #000000 #000000 #707070; background:#303030}
input{font:11px Verdana,Arial,Helvetica,sans-serif;background:#303030;color:#e7e7e7;border:1px solid;border-color: #000000 #707070 #707070 #000000;}
textarea{background:#303030;color:#e7e7e7;border:1px solid;border-color: #000000 #707070 #707070 #000000;}
select{background:#303030;color:#e7e7e7;font:11px Verdana,Arial,Helvetica,sans-serif}
formButton{font:11px Verdana,Arial,Helvetica,sans-serif;color:#d0a700; border:1px solid;border-color: #707070 #000000 #000000 #707070; background:#303030}
button {font:11px Verdana,Arial,Helvetica,sans-serif;color:#d0a700; border:1px solid;border-color: #707070 #000000 #000000 #707070; background:#303030}
.submit {font:11px Verdana,Arial,Helvetica,sans-serif;color:#d0a700; border:1px solid;border-color: #707070 #000000 #000000 #707070; background:#303030}


/* Specify the space around images */
.imgtopic,.imgicon{margin-left:0}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px;margin-left:4px;margin-right:4px}

img{margin-left:1px;margin-right:2px;border:0}


input.text{font:11px Verdana,Arial,Helvetica,sans-serif;color:#e7e7e7; border:1px solid;border-color: #000000 #707070 #707070 #000000; background:#303030}
input.submit{font:11px Verdana,Arial,Helvetica,sans-serif;color:#d0a700; border:1px solid;border-color: #707070 #000000 #000000 #707070; background:#303030}

input.post,textarea.post{background:#303030;color:#e7e7e7;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px;
border:1px solid;border-color: #000000 #707070 #707070 #000000}


/* #centerblocks{width:100%;height:120px;overflow:scroll; margin:5px;} */

********************************************************************************************************
voilà on sait jamais merci
Lien direct vers le message - Vieux
Avatar de baai
baai
Alpha & Oméga
 
Avatar de baai
 
Re: Pocesseur de Mac - fichier css
Citation:
Provient du message de nanoko
voilà on sait jamais merci
Oui, des fois il y a des miracles. Attendons



Je ne me suis pas inséré ici juste pour sortir une ânerie, la problématique m'intéresse.
Une fois que quelqu'un aura revisité le fichier ci-dessus, aura-t-il le temps de me mettre à la page sur les histoire de compatibilité entre navigateurs ? Où en sommes-nous de ce qu'il vaut mieux privilégier : les normes w3c je sais plus quoi, donc les feuilles css et balises logiques, ou bien a-t-on encore parfois intérêt à utiliser des balises dépréciées en testant les navigateurs au cas par cas ? (j'en suis plus ou moins resté à il y a 2 ans ) Je ferais bien l'impasse sur les webtv et autres internet sur mobile, z'ont qu'à se mettre aux normes (ça y est, ils sont aux normes ?)
Lien direct vers le message - Vieux
Avatar de Kashrag
Kashrag
Alpha & Oméga
 
Avatar de Kashrag
 
C'est un peu brutal tout ça. Qu'est ce qui ne va pas exactement ? Les couleurs ? Le positionnement ?
Quels sont les navigateurs PC et Mac que tu utilises pour tester ?
En tous cas quelques liens :
Open Web
Accessibilité
Les CSS
Les valideurs W3C pour vérifier que le site respecte les recommandations (et non les normes) du W3C.
Lien direct vers le message - Vieux
Avatar de nanoko
nanoko
Alpha & Oméga
 
Avatar de nanoko
 
Il s'agit d'attribuer les mémes modifications

couleurs ,
fonds

du premier CSS PC au CSS mac

Pour un connaisseur des fichiers css pc et mac la correspondance devrait prendre quelques secondes surtout que peu de choses ont changes

pour ceux qui connaissent pas trop ou n'ont pas de mac pour tester c'est mission impossible

c'est pas une question de navigateurs .
Lien direct vers le message - Vieux
Avatar de Thorkas
Thorkas
Alpha & Oméga
 
Avatar de Thorkas
 
Citation:
Provient du message de nanoko
du premier CSS PC au CSS mac

[...] des fichiers css pc et mac [...]

c'est pas une question de navigateurs .
Il y a visiblement un gros problème dans la problématique même.

Tu parles de fichiers CSS "mac" et "PC" alors qu'un fichier CSS est sensé être totalement indépendant de la plate-forme (du moins dans sa structure, après il peut être spécifique a un média, mais sûrement pas à une architecture).

Donc soit l'erreur est de vouloir différencier au niveau du CSS PC et mac, soit je n'ai rien compris du tout.
Lien direct vers le message - Vieux
Avatar de Kashrag
Kashrag
Alpha & Oméga
 
Avatar de Kashrag
 
Je crois que les MACs et les PCs n'ont pas tout à fait le même rendu des couleurs (enfin ils ne l'avaient pas quand j'avais les deux). On le remarque par exemple dans Quark XPress, les tons ne sont pas les mêmes.
Par contre je ne vois pas le truc là, tu me dis que ce n'est pas une question de navigateur, alors que le boulot principal d'un navigateur c'est bien l'interprétation du code HTML/CSS non ?
Lien direct vers le message - Vieux
Avatar de bowakawa
bowakawa
Alpha & Oméga
 
Avatar de bowakawa
 
Citation:
Provient du message de nanoko
Il s'agit d'attribuer les mémes modifications

couleurs ,
fonds

du premier CSS PC au CSS mac
ça veut dire que tu vas tester si les visiteurs de ton site sont sous windows ou sous mac?

J'ai déjà surfer sur le net via un mac et j'ai pas vu de différences notables de couleurs entre mac et pc.
Lien direct vers le message - Vieux
Avatar de Thorkas
Thorkas
Alpha & Oméga
 
Avatar de Thorkas
 
Si c'est effectivement dans le but de faire un test de ce genre, CAITRÈMAL. Complètement contraire à toutes les recommandations du W3C donc.

Le rendu des couleurs est normalement au libre choix de l'utilisateur. S'il a un mac qui rend les couleurs d'une certaine façon, un PC qui le rend d'une autre, ou encore tout simplement un écran configuré avec des valeurs de couleurs différentes, c'est son choix/problème. Deux couleurs théoriquement identiques n'auront jamais le même rendu sur deux écrans différents, et ce simplement à cause des réglages de contraste et de luminosité que tout utilisateur est amené à modifier. Obtenir un résultat identique relève de l'impossible.

Et puis en suivant ce raisonnement, il faudrait aussi demander à l'utilisateur s'il porte des lunettes de soleil.
Lien direct vers le message - Vieux
Avatar de nanoko
nanoko
Alpha & Oméga
 
Avatar de nanoko
 
A vrai dire je ne sais pas trop comment ça marche celui a 3 fichiers fichiers css ,j'en ai modifié 2 ,si pour celui là il y en a plusieurs c'est qu'il doit bien etre necessaire à quelque chose .

Vais poser la question aux gars du portail on sait jamais .

Pour moi en local le site fonctionne tres bien sur pc et avec IE ,je remarque qu'il y a des différences alors j'essaye de les respecter pour ne pas avoir des possesseurs de navigateurs ou d'ordinateurs différents qui ne soient pas content

Ceci dit la meilleur façon que ça marche est d'avoir à la base un matériel utilisé par le plus grand nombre mais c'est un autre débat
Lien direct vers le message - Vieux
Avatar de Eldarendil
Eldarendil
Alpha & Oméga
 
Avatar de Eldarendil
 
[imgd]http://hand_on.tripod.co.jp/spalsh/t_file/t_sp3.jpg[/imgd]Je confirme ce que les autres t'ont dit : il n'y a qu'un fichier css pour tous les utilisateurs. Apres, c'est aux navigateurs de respecter les normes.
Commence par tester ton site avec Mozilla, qui est aussi dispo sous Mac, et qui a le même rendu que Camino, autre navigateur utilisé sur ces machines.

Pour répondre à baai, je conseillerai d'ecrire un site selon les normes du W3C. L'idéal etant une version en XHTML 1.1 pour les navigateurs recents, et une version en HTML 4.01 pour les vieux navigateurs (dont IE)
Lien direct vers le message - Vieux
Avatar de nanoko
nanoko
Alpha & Oméga
 
Avatar de nanoko
 
J'ai reçu la réponse d'une personne qui créer des thèmes

bonne question ,je sais pas j'ai pas de mac

Ben a défaut d'avoir qqun qui sait je vais virer le fichier ,hope tranchons le problème

ps : je n'ai pas de mac mais un bon pc et j'ai ie aussi ,enfin une version mieux mais basé sur ie : avant browser
Lien direct vers le message - Vieux
Répondre
Les forums JOL > Forums divers > La Taverne > Pocesseur de Mac - fichier css
   

Connectés sur ce fil

 
1 connecté (0 membre et 1 invité) Afficher la liste détaillée des connectés

Outils Rechercher
Rechercher:

Recherche avancée

Thème visuel : Fuseau horaire GMT +1. Il est actuellement 10h53.
   

© JeuxOnLine, le site des MMO, MMORPG et MOBA. Tous droits réservés. - Conditions générales d'utilisation - Conditions d'utilisation des forums - Traitement des données personnelles - ! Signaler un contenu illicite