5568 sujets

Sémantique web et HTML

bonjour.
j'ai un problème de bordure sur mes tableaux.
je dois recomposé une image avec plusieurs morceau et je n'arrive pas a éviter les décalages sous IE.

www.cyril-clavaud.com/test.html " rel="nofollow noopener" > www.cyril-clavaud.com/test.html marche trés bien sous firefox.
peut-etre avez une technique pour composer chaque image d'une autre façon ou bien, une technique pour supprimer ces bordures. car je cale.
merci
Bonjour, pour les bordures, j'ai bien peur que ce soit les bordures de IE et qu'il n'est pas possible de les enlever
Pour éviter le désagrément des bordures et de l'alignement de tes diverses images, tu pourrais utiliser une image en <map>. (Mais je connais pas trop bien le fonctionnement alors au delà du principe je peux pas vraiment t'aider)
bonjour,
Je ne sais pas si la balise map pourrait m'aider, il me semble qu'elle ne sert qu'a delimiter des zones reactive a la sourris sur une seule image. Or j'ai besoin de segmenter l'image pour pouvoir intervertir chaque morceau avec un autre au passage de la souris. comme sur la premiere version www.cyril-clavaud.com
www.cyril-clavaud.com[/url]

mais j'ai du rajouter un bouton...et mon tableau d'image a évolué sur www.cyril-clavaud.comtest.html[/url] ce qui laisse apparaitre de vilaine bordures.... Smiley cligne
comment faire ?? la balise map ?
Bonjour,

Pourquoi tu veux faire une tableau pour ce genre d'image? Je vois pas du tout l'intérêt.
En générale un tableau c'est pour des données tabulaire... pas pour une image découpé.
bonjour,
j'ai réussi a trouver ce qui ne fonctionnait pas. une cellule était restée ouverte Smiley smile

je sépare l'image pour pouvoir faire un bouton avec chaque morceau...
ce n'est pas conventionnel de mettre une image dans une cellule ?
a écrit :
ce n'est pas conventionnel de mettre une image dans une cellule ?

Bein pas de trop non.
On utilise plutôt les div dans ton cas.
Si en plus tu veux faire des images cliquable pourquoi ne pas seulement faire
<div>
<a><img href="" title=""/></a>
<a><img/></a>
<a><img/></a>
</div>

TU définie une largeur pour la div qui correspond à la largeur de ton image et le tour est joué.
Après dans le css il faudra que tu mette a img (border:0;)

Et au pire tu peux mettre l'image "dans" le css du a pour pouvoir faire un rollover, mais dans ce cas il faut que tu mette le texte cliquable entre les balises a et que tu définisse leur style via css.

Ca reste a voir car je vois pas trop ou tu veux en venir exactement.
Bonne continuation.

[EDIT] Je viens de reregarder ton truc et je viens de comprendre.
je pense que le mieux et le plus simple c'est juste de mettre ton image en background et d'apprendre à placer tes différents éléments via css.
Je doit y aller, mais en cherchant un peu sur le site, il y a plein de liens intéressant qui t'expliqueront tout pour faire quelque chose de plus sémantique et plus accessible.
Modifié par Dim (07 Mar 2010 - 22:38)