18073 sujets

Questions générales et questions de débutants

Lien inclicables dans div sous Firefox

Bonjour,

en développant une galerie photo, j'ai un petit souci :

j'ai des div qui se répètent dans lesquels j'ai les photos et en cliquand sur les photos ça doit ouvrir l'image en plus grand ( c'est un autre fichier en fait)

le problème c'est que sous IE tout va bien mais sous FF, il est impossible de cliquer sur les images ( les liens vers les grandes images. Crying or Very sad

voila la partie du HTML pour la galerie :


<div id="space_top">&nbsp;</div>
<div class="pic ls"><a href="dyn_pics/cbdd_galerie_photo_fr/14.jpg" class="tn"><img src="dyn_pics/cbdd_galerie_photo_fr/mini/14.jpg" alt=""  /></a></div>
<div class="pic pt"><a href="dyn_pics/cbdd_galerie_photo_fr/15.jpg" class="tn"><img src="dyn_pics/cbdd_galerie_photo_fr/mini/15.jpg" alt="" /></a></div>


y en a pas beaucoup mais c'est parceque j'ai enlevé toutes le PHP qui va autour ...

voila les styles qui vont avec :

div.space_top{width:570px; margin-top:10px; float:left;}
div.pic { margin:5px 5px; float:left; height:130px; width:130px; border:0; background:url(../pics/galerie/paysage.png);}
div.pt {background:url(../pics/galerie/portrait.png);}
div.pic img {border:none;}
div.ls img {height:80px; width:120px; margin:25px 5px;}
div.pt img {height:120px; width:80px; margin:5px 25px;}


si vous pouviez m'aider àvoir ce qui ne va pas, ça m'aiderai beaucoup.

merci.
Bonjour,

Ne penses-tu pas qu'il serait plus aisé de faire comme ceci :

HTML : 

<div id="mon_div_photo">
	<ul>
	<li><a href="mon_lien.htm" class="ma_classe"><img src="mon_image" alt="Texte alternatif"></a></li>
	<li><a href="mon_lien2.htm" class="ma_classe"><img src="mon_image" alt="Texte alternatif 2"></a></li>
	</ul>
</div>


CSS : 

ul { display: inline; // autres attributs }
#mon_div_photo { //attribut }
.ma_classe { // attribut }


Et je puis t'assurer que d'un bord ce sera plus facile de maintenance, je pense aussi à l'accessibilité et enfin cela ne devrait pas poser de problème sous les différents navigateurs.

A te lire,

G.
si, effectivement, j'avais commencé dans cette voie la mais le problème c'est que les photos sont pas seules sur la pages, en fait elles sont dans une zone centrale du site mais autour il y a d'autres calques et en dessous, j'ai les cdredits qui doivent venir à fleur ( et je peux pas les modifier car sinon, c'est sur le reste que ça va plu aller ).

Sinon, c'est vrai qu'en accessibilité j'y gagnerais mais je me dit aussi qu'une galerie photo n'est pas de grand interet pour les aveugles ... c'est pour ça que je m'assure surtout de conserver l'accessibilité du reste du site en fait
Modifié par cbdreamdev (21 Apr 2006 - 16:12)
Hello,

Alors dans ce cas, pourrais-tu poster un exemple de page en ligne... Ce sera le plus simple pour t'aider...

A te lire,

G.
cbdreamdev a écrit :
Sinon, c'est vrai qu'en accessibilité j'y gagnerais mais je me dit aussi qu'une galerie photo n'est pas de grand interet pour les aveugles ... c'est pour ça que je m'assure surtout de conserver l'accessibilité du reste du site en fait


Smiley fache Depuis quand l'accessibilité d'un site internet est-il lié au handicap, et à un handicap en particulier ? L'accessibilité c'est permettre à tous la consultation du contenu d'un site, quelque-soit le navigateur, la plate-forme, un éventuel handicap, etc... Smiley cligne

De plus, si les photos sont commentées, les commentaires pourraient être lus par tous, y compris les personnes non-voyantes... Smiley smile

Pour apporter un élément de réponse à ta question, perso, pour l'affichage des vignettes, j'utilise une liste de définition, ça me permet d'afficher également le titre de la photo et un lien texte sous la vignette. Smiley cligne
dominique a écrit :


Smiley fache Depuis quand l'accessibilité d'un site internet est-il lié au handicap, et à un handicap en particulier ? L'accessibilité c'est permettre à tous la consultation du contenu d'un site, quelque-soit le navigateur, la plate-forme, un éventuel handicap, etc... Smiley cligne

je suis parfaitement daccord avec le fait que l'accessibilité n'est pas lié à un handicap mais je l'utilise souvent dans ce sens car pour moi ça parait logique de développer pour que ça passe partout pareil. Généralement je teste sous IE, FF, opera et netscape.

Désolé de m'etre mal exprimé

dominique a écrit :

De plus, si les photos sont commentées, les commentaires pourraient être lus par tous, y compris les personnes non-voyantes... Smiley smile

Pour apporter un élément de réponse à ta question, perso, pour l'affichage des vignettes, j'utilise une liste de définition, ça me permet d'afficher également le titre de la photo et un lien texte sous la vignette. Smiley cligne

effectivement ça serait pratique mais ici, j'ai pas de titres pour les photos, j'ai juste un titre pour la galerie et toutes les photos dedans.
cbdreamdev a écrit :
Désolé de m'etre mal exprimé


Smiley smile Ne t'inquiète pas, j'ai profité de ton erreur pour faire un petit rappel Smiley cligne

Bon ! De toute façon, nos réponse n'apporte pas vraiment de solution au problème soulevé, le lien fonctionne sous ie et pas sous ff...

Un truc, éventuellement, mais je ne sais pas si ça peut être ça, tu es sûr de pouvoir utiliser des noms de "class" contenant un espace ?

par exemple :
<div class="pic ls">
Smiley rolleyes
exact, j'avais pas pensé à ça ... en fait j'avoue, j'ai suivi un peu betement en adaptant un exemple d'un livre.

je vais essayer de supprimer les espaces pour voir et je vous tiens au courant Smiley cligne
Et essaye aussi d'utiliser alors les listes non ordonnées... Même sur 'plusieurs niveaux' cela fait 'plus propre'...

G.
Sujet clos
Aller à