Rottweiller du Chaos
-= Chaos Legions =-
Inscription le 02-05-04
Messages : 1477
 Age : 48 ans
Lieu de résidence :
|
|
|
|
|
problème d'image flottante a été posté le : 27/08/09 16:53
|
Salut à tous,
Mon problème du jour : j'ai fait une page html avec des images flottantes qui me va très bien quand je l'ouvre chez moi, aussi bien avec IE que firefox.
Par contre une fois sur internet la même page est merdique avec l'image en haut et le texte plus bas (pas d'effet d'encadrement de l'image par le texte).
Quelqu'un peut m'aider ?
|
|
|
|
 Cachée
|
|
Grand Pourrisseur
-= Chaos Servants =-
Inscription le 11-11-07
Messages : 400
Age : 44 ans
Lieu de résidence :
|
|
|
|
|
Réponse au Sujet 'problème d'image flottante' a été posté le : 27/08/09 16:56
|
Citation :roger dans une contemplation à Dlul a dit:
Salut à tous,
Mon problème du jour : j'ai fait une page html avec des images flottantes qui me va très bien quand je l'ouvre chez moi, aussi bien avec IE que firefox.
Par contre une fois sur internet la même page est merdique avec l'image en haut et le texte plus bas (pas d'effet d'encadrement de l'image par le texte).
Quelqu'un peut m'aider ?
|
|
|
C'est mis sur internet sur ton propre ordinateur ou chez free ou je ne sais quel autre hébergeur ? Certains hébergeurs modifient à la volée tes pages pour y rajouter des pubs et ça peut faire des dégâts considérables sur la mise en forme.
Sinon, tu peux aussi avec des soucis avec le CSS s'il est dans un fichier séparé et que le chemin est mal indiqué dans ta page.
|
|
|
|
|
Cachée
|
|
Rottweiller du Chaos
-= Chaos Legions =-
Inscription le 02-05-04
Messages : 1477
Age : 48 ans
Lieu de résidence :
|
|
|
|
|
|
Réponse au Sujet 'problème d'image flottante' a été posté le : 30/08/09 21:04
|
Je suis chez free mais il n'y a pas (encore ?) de pub. Je ne pense pas que mon problème vienne du lien avec le css vu que la mise en forme est telle que je le veux... à part ce problème là.
Allez, un lien vers un exemple de page foireuse :
http://izardjerome.free.fr/vieux_jeux/drakkhen.html
|
|
|
|
|
Cachée
|
|
|
Grand Pourrisseur
-= Chaos Servants =-
Inscription le 11-11-07
Messages : 400
Age : 44 ans
Lieu de résidence :
|
|
|
|
|
|
Réponse au Sujet 'problème d'image flottante' a été posté le : 31/08/09 07:57
|
Je vois pas trop le problème chez moi non plus (sous Chrome).
|
|
|
|
|
Cachée
|
|
Rottweiller du Chaos
-= Chaos Legions =-
Inscription le 02-05-04
Messages : 1477
Age : 48 ans
Lieu de résidence :
|
|
|
|
|
|
Réponse au Sujet 'problème d'image flottante' a été posté le : 31/08/09 11:25
|
sous ie :
sous firefox :
|
|
Dernière mise à jour par : roger le 31/08/09 11:32
|
|
|
|
|
|
Cachée
|
|
|
Grand Pourrisseur
-= Chaos Servants =-
Inscription le 11-11-07
Messages : 400
Age : 44 ans
Lieu de résidence :
|
|
|
|
|
|
Réponse au Sujet 'problème d'image flottante' a été posté le : 31/08/09 15:04
|
Bon, dites vos versions respectives d'IE sinon on va jamais s'en sortir... IE ça veut plus rien dire vu les changements qui ont eu lieu entre la 6, la 7 et la 8.
Quelle version d'IE souhaites-tu supporter, aussi ?
|
|
|
|
|
Cachée
|
|
Rottweiller du Chaos
-= Chaos Legions =-
Inscription le 02-05-04
Messages : 1477
Age : 48 ans
Lieu de résidence :
|
|
|
|
|
|
Réponse au Sujet 'problème d'image flottante' a été posté le : 31/08/09 15:50
|
Ma version (celle qui chie donc) est la 8, et je souhaite bien entendu que ça marche avec toutes si possible.
Déjà je suis rassuré de voir qu'avec une majorité de configurations ça roule (certes l'échantillon est réduit). En fait il n'y a que chez moi que ça déconne finalement (même au boulot avec un pc pourri ça marche).
|
|
|
|
|
Cachée
|
|
Grand Pourrisseur
-= Chaos Servants =-
Inscription le 11-11-07
Messages : 400
Age : 44 ans
Lieu de résidence :
|
|
|
|
|
|
Réponse au Sujet 'problème d'image flottante' a été posté le : 31/08/09 17:24
|
Tu peux te flageller avec des orties fraîches car voilà le résultat sous l'infâme IE6 que j'ai au taf :
On ne voit strictement rien. J'ai donc sélectionné le texte et fait une nouvelle capture :
Le texte est en noir sur fond sombre et il est superposé à certaines images, en plus il est décalé en dessous de la première image. Bref, c'est le chaos total.
A noter que sous chrome, l'affichage est vraiment totalement parfait. Le menu est bien encadré de tous les côtés et les images sont bien calées dans le texte.
|
|
Dernière mise à jour par : damaki le 31/08/09 17:44
|
|
|
|
|
|
Cachée
|
|
Vieux Con
-= Chaos Legions =-
Inscription le 13-05-02
Messages : 1318
Age : 46 ans
Lieu de résidence : Symbole de Paix
|
|
|
|
|
|
Réponse au Sujet 'problème d'image flottante' a été posté le : 01/09/09 14:46
|
Pour résoudre le problème de la couleurs du texte :
Remplace
Par
Pour s'éviter des soucis de compatibilité IE7/IE8, un petit meta à rajouté en plus :
Citation :
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
|
En théorie, cela force IE8 à s'exécuter en mode de compatibilité IE7.
Pour les problèmes de compatibilité au niveau float pour IE6 :
- Les gens qui ont IE6 mérite la mort
- Cela marche un peu mieux si tu places les images à l'intérieur des balises <p> contenant le texte. Par contre, ça va "à la ligne" à chaque <p></p> (et pas sous FF/Chrome)
Détail intéressant à connaître : il est possible de choisir quelle css appliquer en fonction du navigateurs, à l'aide de "commentaires conditionnels" :
Citation :
<link href="premiere_css_generique" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="ie7_only.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE lte 6]>
<link href="ie6_et_moins.css" rel="stylesheet" type="text/css" />
<![endif]-->
|
|
|
Elles seront interprété dans l'ordre et en fonction des navigateurs avec "la dernière qui a parlé à raison".
FF/Chrome/Opera/Autre ne liront que la première css, qui est la plus complète. Dans mon exemple IE8 "non en mode compatible" lira également que ça.
IE7 lira en plus la css ie7_only.css : il faut donc la remplir des corrections pour ce navigateur.
IE6 (et moins, d'où le lte qui signifie "less than egal") lira la dernière css, dans laquelle on met bien sûr les corrections.
Attention : méfiez-vous des "héritages". Dans mon exemple IE7 et IE6 liront la première css ET leurs css de corrections.
Il faudra bien "overwrite" tout ce que vous avez déclaré
Exemple concret :
Dans la css générale :
Citation :
p{
margin:5px;
color:grey;
}
|
|
|
Dans la IE 7, vous voulez corriger le gris, pour le mettre en rouge tiens :
Sous IE 7, le texte d'une balise p sera rouge et non gris mais la margin reste "implicitement" à 5px.
--------------------
"L'Infini ?
...Prenez la taille de mon ego et ça vous paraîtra petit..."
Aerth, récits fantastiques
...Et en plus il écrit et il blog...
|
|
|
|
|
Cachée
|
|
|
Réponse au Sujet 'problème d'image flottante' a été posté le : 31/08/09 07:27
