1485 sujets

Web Mobile et responsive web design

Bonjour à tous,

Petite nouvelle ici (ce site est une mine d'or pour la débutante que je suis !)
Je rencontre un souci pour le site que je suis en train de créer.

L'affichage est correct sous safari, firefox et internet explorer
En revanche, sur iphone et ipad, certains de mes liens ne sont pas cliquables
Il s'agit d'une petite boutique faite sous wordpress avec un theme que j'ai acheté et adapté et malheureusement, ce sont les liens vers les produits ne fonctionnent pas ...

Normalement, il y a une image du produit et au survol, un fond blanc semi transparent recouvre l'image avec le nom et le prix du produit qui disparait en sortie de survol.
Sur tablette et iphone, le fond blanc transparent avec texte reste affiché même en sortie de survol et le lien n'est pas cliquable...

voici la syntaxe des-dits liens

<li class="post-841 product type-product status-publish hentry product …e border hide-details-button hide-add-to-cart-button instock">

    <a href="[...]">
        <div class="thumbnail">
            <img class="attachment-shop_catalog wp-post-image" width="200" height="200" alt="" src="[...]" style="opacity: 1;"></img>
            <div class="thumb-shadow"></div>
                    <strong class="inside-thumb">

            tralala

        </strong>
    </div>
    <span class="price">
        <span class="amount">

            0,00€

        </span>
    </span>

</a>
</li>


Dites moi si vous avez besoin de plus d'infos
Je vous remercie d'avance pour votre aide.
Bonjour,

Cela peut être géré en javascript ou en CSS3, cela dépend alors du langage utilisé.
En ayant un oeil direct sur le code, il serait très aisé de retrouver le bout de code à modifier.

Pourrais-tu poster le lien vers ton site ?

Tu peux en théorie l'enlever par la suite en éditant ton message, si cela posait problème
Modifié par ohweb (10 Jan 2014 - 13:06)
Bonjour et merci de m'aider sur ce problème.
Le site n'est pas encore en ligne.

Pour arriver à ce résultat d'opacité et de display, j'ai joué sur le css.
A l'origine, le nom du produit et le prix étaient simplement positionnés sous l'image du produit et toujours visibles.

As-tu besoin du css ?