Fork me on GitHub






feuille de style différente pour firefox et ie...
Semi pro
Inscrit: 09/03/2003 23:29
Messages: 800
Bonjour,

Comme tant d'autres, j'ai des différences importantes entre ie et firefox.

Je l'ai conçu sous firefox, et sous ie, c'est la cata !

Une de mes images de fond du menu de gauche ne s'affiche pas.

Les codes couleurs des menus de gauche et du centre.

Enfin, la signature en bas de page, avec le table qu'il ne veut pas sous ie.

Bref...

J'ai vu sous google, qu'il fallait mettre ceci pour declarer une autre feuille de style :

<!--[if IE]><link rel="stylesheet" type="text/css" href="<{$xoops_url}>/style_ie.css" /><![endif]-->




Sauf que j'utilise le theme Shino_one et que j'ai 3 feuilles : style.css; style_mac.css et style_nn.css.


Enfin dans mon theme, j'ai initialement :

<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />




donc si vous pouviez m'aider pour me dire comment modifier ces lignes pour que si le navigateur est ie, alors charger les 3 feuilles de style citées plus haut et le theme.


Merci de votre aide.


Cordialement,

Celine

Posté le : 25/06/2010 14:29
Partager Twitter Partagez cette article sur GG+
Re: feuille de style différente pour firefox et ie...
Semi pro
Inscrit: 10/11/2004 13:40
Messages: 1659
Citation :

celinefnac a écrit:

<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />



Bonsoir

j'ai trouvé ce genre de code pour remplacer celui cité plus haut

<script type="text/javascript">
<!--
    if ( 
navigator.userAgent.indexOf('MSIE') != -)
    {
        
document.write('<LINK rel="stylesheet" type="text/css" href="<{$xoops_url}>/themes/<{$xoops_theme}>/style_ie.css">');
    }
    else
    {
        
document.write('<LINK rel="stylesheet" type="text/css" href="<{$xoops_url}>/themes/<{$xoops_theme}>/style.css">');
    }
//-->
</script>


a tester

Posté le : 25/06/2010 20:26

PS : Toujours faire une sauvegarde des fichiers avant de les modifier !
-------------------------------------------
http://www.aideordi.com
Partager Twitter Partagez cette article sur GG+
Re: feuille de style différente pour firefox et ie...
Semi pro
Inscrit: 09/03/2003 23:29
Messages: 800
J'arrive pas à faire ouvrir la bonne feuille de style.

Le test se fait bien mais cela ne fonctionne pas.

j'ai beau modifier des trucssous style_ie.css, rien ne change sous ie justement.

J'y renonce.


Je vais essayer de modifier directement les feuilles de style.


Sauf que pour afficher mon image dans ma colonne de gauche, j'ai ceci :

td#leftcolumn {padding-top: 23px; color: #B39CA5; font-size:10px; background:url(http://www.exmple.com/themes/Shino_One/fond_menu_5_2000.jpg);}




cela s'affiche sous firefox mais pas sous ie.

J'ai tout essayé de mettre, l'image à la racine et de mettre :

background:url(fond_menu_5_2000.jpg);



pareil cela ne s'affiche pas.


Si vous avez une reponse.

Merci bcp d'avance.


Cordialement,

Celine

Posté le : 26/06/2010 12:06
Partager Twitter Partagez cette article sur GG+
Re: feuille de style différente pour firefox et ie...
Supporter Xoops
Inscrit: 17/12/2005 01:41
De Alpes Maritimes
Messages: 1682
background:url(http://www.exmple.com/themes/Shino_One/fond_menu_5_2000.jpg);


il vaut mieux mettre
background:url(../fond_menu_5_2000.jpg);
en admettant que ta feuille de style et dans un sous répertoire

sinon si elle est a la racine replace par
background:url(fond_menu_5_2000.jpg);



Sinon passe nous un liens qu'on regarde

Posté le : 26/06/2010 12:29
Partager Twitter Partagez cette article sur GG+
Re: feuille de style différente pour firefox et ie...
Semi pro
Inscrit: 09/03/2003 23:29
Messages: 800
L'image ne s'affiche toujours pas avec :

background:url(fond_menu_5_2000.jpg);


Le lien est ici :

http://www.chateau-du-guerinet.com/index.php


j'en ai marre, j'ai juste à rectifier l'image du bloc de gauche, la presentation du item du centre, et la signature en bas.


Merci de votre aide.

Celine

Posté le : 26/06/2010 12:56
Partager Twitter Partagez cette article sur GG+
Re: feuille de style différente pour firefox et ie...
Aspirant
Inscrit: 12/12/2008 08:42
De Liban
Messages: 52
en ce qui concerne ton image : tu as un erreur ds ton code css, ouvre ton style.css vers les lignes 47 et 48 , ton code est le suivant :
td#leftcolumn {padding-top: 23px; color: #B39CA5; width: 207px; height : 2000px; font-size:10px; background:url(fond_menu_5_2000.jpg);)
td#leftcolumn th {background-color: black; color: #FFFFFF; vertical-align: middle;}

apres l'image tu as mal ferme' la ligne, tu l'a ferme' avec un ) tandisqu'il faut mettre un }

essaie le stp,
d'autre part c'est mieux si tu allonge un peu l'image sur les axes de x en ajoutant un code apres comme ca par example :
background-repeat:repeat-x;

ton code devient alors :
td#leftcolumn {padding-top: 23px; color: #B39CA5; width: 207px; height : 2000px; font-size:10px; background:url(fond_menu_5_2000.jpg)background-repeat:repeat-x;}
td#leftcolumn th {background-color: black; color: #FFFFFF; vertical-align: middle;}

essaie le code avec et sans le background-repeat:repeat-x

Posté le : 26/06/2010 22:21

Information not shared is lost
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

208 Personne(s) en ligne (180 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 208 | Plus ...