Remerciement

Hello all,
j'aimerai remercier le créateur de ce site et tous les intervenants sans qui j'aurai jamais pu progrésser dans ma passion !!!
Depuis au moin un an je cherche mes soluces ici et si je ne la trouve pas je trouve au moin un indice pour résoudre mes problèmes !!!
aujourd'hui j'arrive a créer des sites xhtml "comme un pro" (suivant les dirs de mes proches)
ma derniere création : http://comikman.free.fr skin d'un forum punbb (xhtml).
j'aurai souhaité ajuter une petite contrib qui risque, je pense, d'intérèsser quelques personnes

ce code sert a détecter si le navigateur est Internet Explorer et si il le reconnait il affiche une boite de dialogue avec un lien vers Firefox
(a placer avant le contenu du site sur l'index a la racine du site de sorte qu'il ne ce répete pas sur toutes les pages - dans template.php pas une bonne idée)

Sript a placer sur votre index :

#
#---------[ coin carré ]-----------------------------------
#

<!--[if IE]>
<div class="block">
<div class='message'>
<h1>Il semblerait que vous utilisiez le navigateur Internet Explorer...</h1>
<a href='http://firefox.fr/'><img border="0" src='images/firefox.jpg' align='right' class='right' alt='Get  Firefox!' /></a>
<p>Ce site s'appuie fortement sur les standards du web pour fonctionner, malheureusement Internet Explorer ne  supporte pas
totalement ces standards et peu afficher des erreurs. <br />
<a href="http://firefox.fr/" title="Get Firefox - Web Browsing Redefined"><img  src="http://www.firefox.fr/boutons/getfirefox_large3.png"
width="150px" align='left' class='left' border="0" alt="Get Firefox"></a> 
Nous vous recommandons de t&eacute;l&eacute;charger et d'essayer un navigateur
respectant les standards tel que Mozilla Firefox. </p>
</div>
</div>
<![endif]-->

#
#---------[ coin arrondi ]------------------------------------------
#


<!--[if IE]>
<div class='message'>
<div id="fox">
<b class="xfoxtop"><b class="xfoxb1"></b><b class="xfoxb2"></b><b class="xfoxb3"></b><b  class="xfoxb4"></b></b>
<div class="xfoxboxcontent">
<h1>Il semblerait que vous utilisiez le navigateur Internet Explorer...</h1>
<a href='http://firefox.fr/'><img border="0" src='images/firefox.jpg' align='right' class='right' alt='Get  Firefox!' /></a>
<p>Ce site s'appuie fortement sur les standards du web pour fonctionner, malheureusement Internet Explorer ne  supporte pas
totalement ces standards et peu afficher des erreurs. <br />
<a href="http://firefox.fr/" title="Get Firefox - Web Browsing Redefined"><img  src="http://www.firefox.fr/boutons/getfirefox_large3.png"
width="150px" align='left' class='left' border="0" alt="Get Firefox"></a> 
Nous vous recommandons de t&eacute;l&eacute;charger et d'essayer un navigateur
respectant les standards tel que Mozilla Firefox. </p>
</div>
<b class="xfoxbottom"><b class="xfoxb4"></b><b class="xfoxb3"></b><b class="xfoxb2"></b><b   class="xfoxb1"></b></b>
</div>
</div>
<![endif]-->

le style.css :

#
#---------[ coin carré ]-----------------------------------------
#

#################################
#				                               #
#	   Bloc IE vs FireFox   	                  #
#				                               #
#################################

div.message {width: 500px;background-color: transparent;color: #777;padding: 10px;margin: 0px auto;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 160%;text-align:left;border:none;}
div.message a {color: #777;font-size: 11px;}
div.message h1 {font-size: 100%;margin-left: 20px;}
div.message p {font-size: 100%;margin-left: 20px;}
div.message h2 {float: right;margin-top: 17px; margin-left: 80px;}
div.message img {margin: 10px;}
div.block {}

#
#---------[ coin arrondi ]-----------------------------------------
#

#################################
#				                               #
#	   Bloc IE vs FireFox   	                  #
#				                               #
#################################

div.message {width: 500px;background-color: transparent;color: #777;padding: 10px;margin: 0px auto;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 160%;text-align:left;border:none;}
div.message a {color: #777;font-size: 11px;}
div.message h1 {font-size: 100%;margin-left: 20px;}
div.message p {font-size: 100%;margin-left: 20px;}
div.message h2 {float: right;margin-top: 17px; margin-left: 80px;}
div.message img {margin: 10px;}
#fox {background: transparent; padding: 0px; margin: 0;}
.xfoxtop, .xfoxbottom {display:block; background:transparent; font-size:1px;}
.xfoxb1, .xfoxb2, .xfoxb3, .xfoxb4 {display:block; overflow:hidden;}
.xfoxb1, .xfoxb2, .xfoxb3 {height:1px;}
.xfoxb2, .xfoxb3, .xfoxb4 {background:#ffe1e1; border-left:1px solid #777; border-right:1px solid #777;}
.xfoxb1 {margin:0 5px; background:#777;}
.xfoxb2 {margin:0 3px; border-width:0 2px;}
.xfoxb3 {margin:0 2px;}
.xfoxb4 {height:2px; margin:0 1px;}
.xfoxboxcontent {display:block; background:#ffe1e1; border:0 solid #777; border-width:0 1px; margin: 0; padding: 0px; }
#xfoxbox {background: #ffe1e1; margin-top:0; margin-left:30px; margin-right:10px; margin-bottom:0; padding: 10px;}

Modifié par Ka0TiK (02 Nov 2006 - 11:06)

Bonjour Ka0TiK et bienvenue sur Alsacréations ,

Je crois que tu n'as peut-être pas compris la "philosophie" que nous promouvons sur Alsacréations, qui n'est pas de discrimer tel ou tel navigateur, mais faire en sorte que tout s'affiche correctement dans *tous* les navigateurs.

Et contribuer ainsi à faire disparaitre les "optimisé pour IE" et surtout ne pas les remplacer par des "optimisé pour Firefox".

Igor a écrit :

Je crois que tu n'as peut-être pas compris la "philosophie" que nous promouvons sur Alsacréations

Hello Igor,
Je ne souhaite pas spécialement discrimer IE ou microsoft, mais je dois avouer etre proFF... Je ne me considére pas comme un webmaster professionnel, mais depuis 5 ans que je m'amuse a faire des sites je dois avouer que ce n'est pas evident de faire ce que l'on veux afin que toutes et tous le vois pareil. A l'arrivé du XHTML là j'ai pu vraiment m'éclater, sauf lors des tests sur différents navigateurs... et celui qui m'a posé le plus de problémes ces IE.
Concernant

Igor a écrit :
la "philosophie" que nous promouvons sur Alsacréations

je dois surement mal l'avoir comprise... pour moi vous nous conseillez a respecter certain standard afin de construire des sites web visible par un maximum de navigateur...
Pour les utilisateur d'IE si vous passez sur mon site vous verrez certes cette boite une fois a la connection, mais lorsque j'ai construit ce template je ne vous ai pas oublié, et essayé de faire en sorte que tous ce passe aussi bien pour vous... prenez cette boite comme un petit coup de pub pour un (a mon avis) excelent navigateur !

ps : au utilisateur d'IE qui aurrai mal pris ce script je vous présente mes excuses , et comme il en faut pour tous le monde, utilisateurs FF éclatez vous

Cordialement
Ka0TiK
Modifié par Ka0TiK (02 Nov 2006 - 20:46)

Bonsoir,

Ka0TiK a écrit :
ps : au utilisateur d'IE qui aurrai mal pris ce script je vous présente mes excuses , et comme il en faut pour tous le monde, utilisateurs FF éclatez vous

Il ne s'agit pas d'être vexé parce que l'on utilise IE.

Beaucoup de personnes n'ont pas le choix du navigateur qu'ils utilisent, par exemple au travail ou pour l'utilisation d'un screenreader. Dans tous les cas, il est très désagréable de se voir reprocher l'utilisation d'un navigateur en particulier alors que l'objectif du Web est justement de proposer du contenu accessible à tous, quelques soient ses conditions de navigation.

Si tu veux vraiment promouvoir Firefox, rien ne t'empêche d'en faire la publicité sur un bandeau ou dans ta page de liens.