CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Problème compatibilité image entre navi

Agosto
Agosto
Niveau 10
13 février 2011 à 01:18:02

Bonjour !

J'ai un problème, je viens de mettre mon premier "vrai" site en ligne, mais alors qu'il marche parfaitement en locale, une fois en ligne c'est la catastrophe.

Voici le menu principale tourner en local sous Safari :

http://img602.imageshack.us/img602/4026/capturedcran20110213110.png

Les boutons en haut, quand j'appuis dessus, ils changent avec du javascript le contenu du bloc principale. Par exemple, en appuyant sur "travaux", il va m'afficher les derniers travaux. Ça, ça marche partout. Maintenant, cependant, quand je clique sur profil il m'affiche une image de grand format.

http://img153.imageshack.us/img153/4026/capturedcran20110213110.png

Bien.

Une fois en ligne, plus bien DU TOUT.

Sous Firefox, tout marche parfaitement :

http://img171.imageshack.us/img171/4026/capturedcran20110213110.png

Sous Safari...
http://img593.imageshack.us/img593/4026/capturedcran20110213110.png
http://img251.imageshack.us/img251/4026/capturedcran20110213110.png
Non seulement l'image devient transparante, mais de plus les différentes fonctions padding dans le CSS ne s'activent plus.
Quand je fais afficher l'image dans un aperçu...
http://img20.imageshack.us/img20/4026/capturedcran20110213110.png

M'kay. J'ai alors essayer Google Chrome. Pendant le charment, l'image s'affiche 2 secondes... puis...
http://img41.imageshack.us/img41/4026/capturedcran20110213110.png
La VACHE ! Oh et le padding se barre aussi... Et quand j'ouvre l'image sur une autre fenêtre...
http://img59.imageshack.us/img59/4026/capturedcran20110213110.png

Bon sérieuresement, je comprend pas. J'y connais rien en inter-compatibilité entre les navi, mais j'ai essayé de prendre des fonctions qui marchaient à chaque fois avec tout les navigs... mais apparament, ça merdouille comme pas possible quand même.

Voilà, le lien du site si vous voulez : http://lescarnetsdeben-j.0fees.net/ .

J'ai vraiment besoin de votre aide.

Ah oui, au début aussi sous Google Chrome, l'image principale sur le côté apparaissait tout le long du chargement, mais une fois la page chargait elle disparaissait.. Et en enlevant le menu sur le côté (qui contenait du javascript - il se dépliait), pouf l'image réapparait !

Oh et une dernière chose, le fait que les images de Strips/TravauxAnimations n'apparaissent pas, ça c'est normal. :p)

Voilà, désolé d'un si long pavé, j'suis définitivement une loque en prog web, et j'ai besoin de votre aide s'il vous plaît :-(

Agosto
Agosto
Niveau 10
13 février 2011 à 02:34:35

L'image sur le côté, avec le fond bleu, se remet à se barrer aussi maintenant sou Google Chrome.

Je vois vraiment pas ce que je fais de mal...

PS : Je suis chez 0fees, en hébérgement gratuit pour le moment.

Je pense aller chez infomaniak après, c'est un bon choix ?

Agosto
Agosto
Niveau 10
13 février 2011 à 03:24:33

Erch pour l'image je crois avoir trouvé, elles étaient trop lourdes en fait (passage en gif !)

Le padding s'est résolu avec.

Désolé du dérangement... à lock ou suppr.

Agosto
Agosto
Niveau 10
13 février 2011 à 08:40:57

Ah bah je rebondis sur le sujet finalement.

Serait-il possible de ne pas changer la place des images lorsque la fenêtre se redimensionne ?

Je veux dire, j'avais mis mes images en absolute. Mais évidément, si le mec diminue la taille de sa fenêtre, TOUT se mélange. c'est cool. Le truc, c'est que perso ça me plaît pas. (si il y a une solution pour forcer les images à rester à leurs places ET en absolute, je prends :coeur: )

Du coup, pas con, je me suis dis que je vais mettre les images en background de plusieurs blocs, vu que le background n'est pas affecter par le redimensionnement. Pas de chance, je comprends pas pourquoi (la fatigue?) j;y arrive PAS !

<div id="imagestrip"><a href="strip.php" title="Strip"></a></div>

  1. imagestrip

{
background-image:url("imag/bouton strips.png");
z-index:2;
border:0;
}

Rien ne s'affiche. Le lien de l'image est le bon. J'ai mis le fond-fond du site en z-index:1. Le border:0 est là car l'image est un lien.

Je suis un peu sur les nerfs... De l'aide please :-(

Merci.

Agosto
Agosto
Niveau 10
13 février 2011 à 08:44:36

Un peu à la facebook, quand on change la taille de la fenietre, le positionement des images ne changent pas.

Je suis sincérement désolé de tout ces postes d'affiler, si le modo veut en supprimer, c'est comme il veut.

hirun
hirun
Niveau 5
13 février 2011 à 10:28:05

:salut:

Si tu veux que l'image soit un lien, il faut mettre le lien autour de ta div;

<a href="strip.php" title="Strip"><div id="imagestrip"></div></a>

et pour ton image de fond, essaie d'enlever l'espace entre
bouton strips :ok:

Agosto
Agosto
Niveau 10
13 février 2011 à 12:13:17

Eyh ! Tout mes scripts javascripts ont été désactivé !

Avec firebug, j'ai vu que le serveur renvoyer bien les scripts, mais ils sont pourtant pas activé ! :(

J'essaierai ta solution après hirUn :) Merci :)

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment