28172 sujets

CSS et mise en forme, CSS3

ok, donc j'ai ces codes et voici les résultats que IE 6 me donnent


		<a class="navitem" href="http://www.namworld.net/" style="background-image:url(http://www.namworld.net/favicon.ico);">Network Services</a>
		<a class="navitem" href="[#red]http://arcade.namworld.com/[/#]" style="background-image:url(http://arcade.namworld.com/favicon.ico);">Namworld Arcade</a>
		<a class="navitem" href="http://www.saver.biz/" style="background-image:url(http://www.saver.biz/favicon.ico);">The Saver&#39;s Gazette</a>
		<a class="navitem" href="http://namads.namworld.com/" style="background-image:url(http://namads.namworld.com/favicon.ico);">NamAds</a>		
		<a class="navitem" href="http://topsite.namworld.com/" style="background-image:url(http://topsite.namworld.com/favicon.ico);">Topsite</a>


aucun style sur le lien
upload/30481-1.png

~~~~~~~~~~~~~~~~

mais si je change le href de arcade.namworld.com pour
rcade.namworld.com
arcade.amworld.com
arcade.namworld.om
ou quoi que ce soit qui ne soit pas arcade.namworld.com

poof
upload/30481-2.png

ce que j'aimerai avoir firebug pour IE... je pourrai voir d'où IE prend le style dans chaque cas.
~~~~~~~~~~~~~~~~

moi rendu a 5h du mat mon cerveau ne travail plus. Et quand je change le href d'un lien et que ca bug/debug mon style... je me demande si j'hallucine ou si je suis bien réveillé... un peu d'aide serait bien appréciée.
Administrateur
Bonjour aussi,

IE a la IE Developer Toolbar qui peut t'aider.
Qu'est-ce que cela donne :
- en désactivant Javascript,
- en dupliquant le lien à plusieurs endroits de ton menu (pas que en deuxième position)
- avec une autre image de fond qu'une favicon chargée depuis un site extérieur
- dans IE7 ou IE8
- dans Firefox, Safari, Opera ou Chrome,
- sur un autre ordinateur,
- en désactivant ton pare-feu/contrôle parental/logiciel de "sécurité" internet/antivirus
- en dehors de ton entreprise si tu es derrière un proxy

Je chercherais en priorité du côté d'un logiciel filtrant le contenu ou en utilisant une image de fond venant de TON serveur, pas d'un site externe (qui ne doit pas te remercier d'utiliser ses images et ses serveurs sans leur accord)
sites externes, mais ils sont tous sur mon serveur Smiley cligne

Firefox/IE 7-8/Chrome/Safari semblent d'accords avec mon code (encore que IE 7-8, des fois...).

(safari sur un mac portable, les autres sur un PC)

J'ai pris la IE developer toolbar et les valeurs qui sont indiquées sont les bonnes. Javascript activé ou non, j'ai déjà vérifier. C'est du pareil au même. C'est étrange.

Un second donne le même résultat. Les deux semblent ne pas avoir de style appliqués. Je vais continuer a y voir. Je m'inquiète pas trop des problèmes sur IE 5-6 tant que ca reste visible et utilisable, mais c'est pas l'idéal.

Je refait le design complet de mes sites (peu fréquentés, peu esthétiques, refaits trop souvent, mais faut bien que je pratique ce que j'apprends en raffinant chaque fois mes méthodes)

Je veux partir en développement web mais j'ai encore beaucoup de misère avec IE 5-6 (étonnamment). Au moins avec les nouvelles versions de IE/Firefox/Safari/etc, il semblent que les standards sont de mieux en mieux appliques uniformément.

Je dois me préparer quelques armes.
J'ai display:inline; pour les float dans IE 6 qui enleve le bug des marges doublées. Ça règles deja 80% de mes problèmes et tous les navigateurs continu d'afficher les float en block, display:inline; ou pas.

Mais vu que t'est un administrateur ici, j'imagine que tu connait bien tout ca.

A tu connaissance de problème liés a display:inline-block; pour des liens/éléments qui on besoin de margin/padding? Parce que sinon, je poursuit et je retire la plupart de mes float. Ça m'évitera d'appliquer des "clear" inutilement.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

J'ai cependant une petit note a rajouter. Pour les en-tête qui on un bout qui disparait quand on scroll la page parce que le contenu est plus large que la fenêtre, comme ca se produit ici sur alsacréations:

upload/30481-3.png

si on ajoute display:inline-block; au body, ca le force a prendre la taille du contenu et donc quand on scroll la page, l'en-tête va aussi loin que le contenu. C'est du css qui valide et j'ai pas encore eu de problème avec. Dit moi, tu connais un navigateur avec lequel ca peut causer problème? Sinon, je le conseil vivement a tout coup pour le body. Ça évite bien des maux de têtes.

Je commence a réaliser que display a beaucoup d'utilité pour régler des problèmes en tout genre.

Edit: je sais pas ce qu'il y a en place présentement ici, mais je peux pas scroller jusqu'au bout. Le scroll vertical disparait ainsi que la partie droite de la page quand je réduit la largeur de mon navigateur encore plus que sur la capture d'ecran. (ainsi que mes onglets et autres elements du navigateur, au lieu de se deplacer/reduire vers la gauche comme sur d'autres pages. On dirait du javascript qui interfère)
Modifié par Namjies (20 Jun 2010 - 07:44)
Modérateur
Bonjour,

Je soupçonne les styles appliqués aux liens visités versus non visités. Je regarderais d'abord de ce côté.
Modifié par Tony Monast (22 Jun 2010 - 14:43)
oh, merci. J'avais oublier mon a:visited Smiley rolleyes . Un truc très bête. des fois j'en ai pas besoin, mais avec mon nouveau design, j'utilise un format standardise class="contenant texte&liens" pour faire des combinaisons couleur/style de contenant avec textes-liens par défaut. Ça va me prendre a:visited a chaque élément spécial maintenant Smiley decu
Modifié par Namjies (22 Jun 2010 - 00:32)
Je voulais attendre une réponse a propos de mon post du 20 Juin

a écrit :

J'ai cependant une petit note a rajouter. Pour les en-tête qui on un bout qui disparait quand on scroll la page parce que le contenu est plus large que la fenêtre, comme ca se produit ici sur alsacréations:

upload/30481-3.png

si on ajoute display:inline-block; au body, ca le force a prendre la taille du contenu et donc quand on scroll la page, l'en-tête va aussi loin que le contenu. C'est du css qui valide et j'ai pas encore eu de problème avec. Dit moi, tu connais un navigateur avec lequel ca peut causer problème? Sinon, je le conseil vivement a tout coup pour le body. Ça évite bien des maux de têtes.


Il y a ce petit problème avec l'en-tête

a écrit :

Edit: je sais pas ce qu'il y a en place présentement ici, mais je peux pas scroller jusqu'au bout. Le scroll vertical disparait ainsi que la partie droite de la page quand je réduit la largeur de mon navigateur encore plus que sur la capture d'ecran. (ainsi que mes onglets et autres elements du navigateur, au lieu de se deplacer/reduire vers la gauche comme sur d'autres pages. On dirait du javascript qui interfère)


Voyez la différence pour le scroll qui disparait.

Normal
upload/30481-normal.png

Alsacréation
upload/30481-coupe.png

J'utilise Firefox 3.6.3
Quand le contenu est trop large pour la fenêtre, le contenu disparait ainsi que des parties de mon navigateur. C'est le premier site qui me fait ca. Le bord de ma fenêtre réduit mais on dirait que l'interface refuse de réduire. Donc il est coupé.