[Résolu] Aide pour opéra 10 :/
#1
Posté 01 décembre 2009 - 09:23
mais parfois, il n'y a pas moyen de faire autrement.
Un affichage saugrenu de puces m'amène à me poser la question concernant Opéra10 (je ne sais pas pour les versions précédentes, que je n'ai pas installé): il s'agit des puces du menu, à gauche.
Je les ai désactivées pour IE 6 et IE7, et laissé activées pour les autres navigateurs, mais je voudrais les désactiver pour opéra également. (je pourrais également dans ce cas les laisser activées et styler le texte pour un affichage convenable, mais là n'est pas la question)
Comment attribuer une valeur de css à Opéra 10 et pas aux autres navigateurs ?
#2
Posté 01 décembre 2009 - 20:34
Je ne suis pas un spécialiste de ce genre de problème, aussi je te prie de bien vouloir m'excuser si je répond "à coté".
Voici ce je vois avec Opéra:
opera.jpg 297,64 Ko 13 Nombre de téléchargements
voici ce que je vois avec FF 3.5.5:
FF3.5.jpg 333,65 Ko 12 Nombre de téléchargements
Pour moi les puces n'apparaissent que sous FF.
"Nous sommes des nains juchés sur des épaules de géants. Nous voyons ainsi davantage et plus loin qu'eux, non parce que notre vue est plus aiguë ou notre taille plus haute, mais parce qu'ils nous portent en l'air et nous élèvent de toute leur hauteur gigantesque." (Bernard de Chartres, XIIe siècle)
#3
Posté 01 décembre 2009 - 20:44
En tout cas merci de te pencher sur le problème .
Sinon, il faut bien avouer que le rendu général est pas mal du tout sur Opéra, FF n'est pas aussi bon à ce niveau là.
#4
Posté 02 décembre 2009 - 08:43
Oui, tu as raison, je n'avais fait suffisamment attention.
Je ne sais pas si cela a un rapport, mais seul Opéra passe avec succès le test acid3 (je viens de vérifier) ainsi que acid1 et 2.
Sinon, j'avais été étonné par la souplesse d'utilisation d'Opéra et ses possibilités, mais je dois avouer que je ne m"étais pas penché sur cet aspect de la chose.
Je me permet de te mettre quelques liens qui te seront peut être utile:
http://www.opera-fr....ki/wiki?Accueil
http://help.opera.co...r/devtools.html (celui-ci est sur le wiki )
...Mais je vais continuer de chercher dans la journée.
"Nous sommes des nains juchés sur des épaules de géants. Nous voyons ainsi davantage et plus loin qu'eux, non parce que notre vue est plus aiguë ou notre taille plus haute, mais parce qu'ils nous portent en l'air et nous élèvent de toute leur hauteur gigantesque." (Bernard de Chartres, XIIe siècle)
#5
Posté 02 décembre 2009 - 14:41
C'est con sous IE, y aurait les commentaires conditionnels, mais pour Opera...
Tu peux aussi utiliser un petit script javascript... ça serait côté client.
Ou alors côté serveur, il y aurait le User Agent...
Pour le User Agent, reste le problème qu'il est possible de le changer...
Voici le code :
$user_agent = $_SERVER['HTTP_USER_AGENT'];
?>
Ensuite, tu peux envisager un truc du genre :
typiquement,
if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"])) {
echo
"<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/1.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/2.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/3.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/4.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/5.css\" />";
} else {
echo
"<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/12.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/22.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/32.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/42.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"./CSS/52.css\" />";
}
?>
C'est ce que tu veux, non ??
Je suis désolé, j'ai pas le temps de te faire ça maintenant, on peut voir plus en détail plus tard, A++
#6
Posté 02 décembre 2009 - 23:01
j'ai mis le truc en stand-by deux trois jours, besoin de souffler après un mois continument dessus dès que j'avais une minute
en attendant, je vais regarder si le bug est présent sur les versions 8 et 9 d'opéra.
#7
Posté 02 décembre 2009 - 23:03
Si tu veux du Javascript plutôt, pour le faire "client", hésite pas à demander
#9
Posté 02 décembre 2009 - 23:25
#nav ul {
list-style-type:none;
text-align:left;
}
#nav ul {
font-weight:normal;
}
il suffit de rajouter, au choix, soit afin de tout mettre à zéro d'entrée, cette ligne à écrire en première ligne de ton CSS:
* {margin:0; padding:0}
Ligne présente dans ton CSS #51... Il suffit de la rajouter au #50, #52, etc !!!
Tu me la mets partout, stp ^^ Et ensuite on en reparle
Ou alors, tu précises dans :
#nav ul {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
font-weight:normal;
}
Attention, il faut penser à remplacer #nav ul partout où il est, #52,50, etc., y a surement un truc qui embête dans 52, je pense... ^^'
...
Mais bon, il faudrait l'étudier plus en détail, regarde déjà ça, stp
#10
Posté 03 décembre 2009 - 08:01
D'ailleurs, c'est là aussi qu'on voit que ce n'est pas mon code à 100%
J'initialise carrément plus fort et dès le départ ^^.
Et puis, je ne raisonne pas en d'un côté le positionnement, de l'autre l'aspect, mais plutôt par bloc positionnement+aspect,
donc ce css, je l'ai déjà pas mal assaini et réorganisé, mais il en reste.
En revanche, comme on est en production, maintenant, je fais ultra ultra gaffe .
En tout cas, tu m'as donné le courage de prendre les choses autrement, et j'ai trouvé où ça merdoyait dans le css:
un padding-left à 30px suivi d'un text-indent à -30px, j'ai commenté les deux lignes et zou.
Bon, ceci dit, j'ai à présent un autre bug à régler, tout navigateur (sauf IE, lol !) qui fait que suivant la longueur (hauteur) du contenu, la page peut se décaler de quelques pixels vers la gauche. J'avoue que là, je ne vois pas encore trop quoi en penser, j'irai jeter un coup d'oeil au css tout à l'heure, mais c'est zarb
#11
Posté 03 décembre 2009 - 18:57
Bon, pour ton nouveau problème...
À première vue, puisque IE est pas touché, à ta place j'irais voir les différences qu'il y a pour IE, c'est à dire tes commentaires conditionnels, j'ai vu qu'il y en avait pour IE...
C'est dans le code cette fois-ci :
<style type="text/css">
body{background-image: none;}
#all_page{background-image: none;}
#content{width : 510px; height: 650px; margin-top: -4px; margin-left: -10px;}
#nav{width: 180px;}
#nav ul{width: 170px; margin-left: 0px;}
div#nav ul ul a{width: 140px; text-indent: 0px;}
div#nav ul ul li{list-style-type: none; margin-left: 20px; background-color: transparent;}
#rightCol{margin-left: 12px;}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
body{background-image: none;}
#all_page{background-image: none;}
#content{width : 510px; margin-left: -10px;}
#nav{width: 180px;}
#nav ul{width: 170px; margin-left: 0px;}
div#nav ul ul a{width: 140px; text-indent: 0px;}
div#nav ul ul li{list-style-type: none; margin-left: 20px; background-color: transparent;}
#rightCol{margin-left: 12px;}
</style>
<![endif]-->
AMA, il suffit de comparer ce qui est défini pour IE, qui ne l'est pas pour les autres... Mais bon, c'est bizarre, car soit je comprends mal ce que tu veux dire, soit j'ai bien compris et le problème n'a rien à voir avec le content{width : 510px}, que vous définissez à 545px dans les autres navigateurs...
Et je ne vois pas le problème ^^'
Si j'ai bien compris, tu dois avoir un problème de
background-color:#FFF5DF;
margin:0 auto;
padding:0;
text-align:left;
width:950px;
}
D'ailleurs, fais moi plaisir et cours me définir cette width à 921px, histoire que ça colle à la bannière !!!
Mais je ne vois pas... D'ailleurs, j'ai pas constaté de problème, tu pourrais me donner une image/deux liens où je puisse voir le problème ???
#12
Posté 03 décembre 2009 - 20:26
Et au fait non, il vaut mieux mettre :
[...]
width:921px;
}
[...]
div#header h1 a {
[...]
width:921px;
}
Et non 920px seulement au container, ainsi tu utilises intégralement l'image qui fait bien 921px de large
C'est plus beau ^^' (rein theoretisch)
#13
Posté 05 décembre 2009 - 21:29
#14
Posté 05 décembre 2009 - 21:51
je suis sous firefox ubuntu, et je n'ai pas le bug non plus ..
je l'ai sous firefox Seven ...
me voilà bien parti
j'ai mis le truc en stand-by, je suis en train de faire un autre truc en attendant, je m'y remets après.
#15
Posté 06 décembre 2009 - 08:48
il n'y a pas de bug, en fait ... c'est la présence ou non d'un ascenseur vertical qui fait cet effet.
Problème réglé.
P.S: ça me fait penser, on apprend tous les jours, que plutôt que de centrer la page avec un positionnement centré, il vaudrait mieux la centrer avec une marge à gauche calculée, pour qu'en cas d'apparition d'ascenseur vertical, celui-ci rogne sur la marge de droite et laisse la page bien centrée ...
#16
Posté 06 décembre 2009 - 10:40
C'est clair que c'est complètement logique
Mais personnellement je préfère le relatif à l'absolu
Histoire de penser à tous... Bon, tu me diras que à notre époque c'est plus trop un problème... ^^'
0 utilisateur(s) en train de lire ce sujet
0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)