Image décalé sur smartphone,iphone, ipad...

[fox]

Bonjour,

 

Petit souci avec l'entête de mon site. J'ai une bannière de 800px x 110px et une image à coter au format 90px x 64px (enveloppe contact)

 

Sur pc de bureau tous s'affiche correctement, mais sur les appareils mobiles, la j'ai l'image de 90px x 64px qui se flanque carrément dans le bloc des catégories, hors que l'image devrais rester en haut à droite à coter de la bannière principal.

 

Avec l'ipad sous navigateur safari, j'ai activé la console pour détecter d'éventuels erreur et ça me marque ceci :

 

JavaScript Erreur à la ligne 72

Le lien concerné

SyntaxeError :parse error

 

ps: même sur mon smartephone htc et tous les appareils mobile de mon entourage, l'image enveloppe de 90x64 reste imbriqué dans le bloc des catégories.

 

Comment corriger svp cette petite faille ?

 

http://www.pechespor...el.be/boutique/

 

capture de mon ipad pour l'enveloppe imbriqué dans le bloc des catégories :

[Carl Favre]

Bonjour fox,

 

Tu utilises le thème de base ?

 

Tu aurais un lien pour que l'on puisse regarder ça ?

[fox]

Voila je viens d'éditer mon poste

 

Pour le thème c'est toujours la v1.2 je crois enfin celle de octobre-novembre 2009

[Carl Favre]

Tu as un bug avec Safari.

 

Regarde la partie

 

<a class="contact" href="http://www.pechesportivenoel.be/boutique/contact-form.php"><img src="/boutique/img/contact.jpg" alt="Achat et Ventes materiel de peche"></a>

 

Il faudrait changer la class

 

 

a.contact {

[list]
[*][color=#C80000]margin-left[/color]: 25px;
[*][color=#C80000]margin-top[/color]: 35px;
[*][color=#C80000]position[/color]: absolute;
[/list]
}

 

 

afin de positionner correctement sous Safari et les autres navigateurs.

[fox]

Tu as un bug avec Safari.

 

Regarde la partie

 

<a class="contact" href="http://www.pechesportivenoel.be/boutique/contact-form.php"><img src="/boutique/img/contact.jpg" alt="Achat et Ventes materiel de peche"></a>

 

Il faudrait changer la class

 

Je n'arrive pas à mettre la main sur le fichier ou il les mentionner : "Achat et Ventes matériel de peche"

 

 

 

a.contact {

[list]
[*][color=#C80000]margin-left[/color]: 25px;
[*][color=#C80000]margin-top[/color]: 35px;
[*][color=#C80000]position[/color]: absolute;
[/list]
}

 

 

afin de positionner correctement sous Safari et les autres navigateurs.

 

Pour le Global.css c'est déjà +/- bon. L'enveloppe apparait au-dessus du bloc de catégorie.

[Carl Favre]

Oui cela marche bien pour l'enveloppe.

 

Tu veux changer l'image du header ?