Débutant en CSS - Gros problèmes

[Gros N@z]

Voila je débute en css que j'ai découvert après l'htlm

Je voulais faire une page web constituée de 4 images sur lesquelles il se fait un zoom quand je passe dessus. Le problèmes est que je n'y arrive pas après de nombreuses tentatives...

Si quelqu'un pouvait me donner le code pour que j'essaie....

Merci beaucoup

[MS-DOS_1991]

Salut

J'ai trouvé ce tutorial qui pourrait correspondre à ce que tu recherches...

Tiens-nous au courant

[Gros N@z]

justement c'est a partir de ce site que j'ai essayé mais ça ne marche pas

[Perrine]

Bonsoir

Est ce que tu utilises IE par hasard ? Car ce coquin n'accepte le :hover que sur la balise <a> et donc il ne fonctionne pas sur la balise <img />

Essaie d'afficher ta page dans Firefox par exemple. Il est possible que cela fonctionne.

Donne nous un bout de code, sans quoi nous ne pouvons guère faire que des suppositions.

[Gros N@z]

C'est bon j'ai réussit : http://perso.adnpc.net/arbre/

Par contre j'ai toujours les cadres de mon tableau

comment y remédier ?

[MarvinLeRouge]

Une règle css du genre

table, tr, th, td
{
  border : 0;
}

ne règle-t-elle pas le problème ?

[Perrine]

Attention, tu as oublié de fermer la balise ouvrante du < a >

[Le_Phoenix]

Bonjour à tous,

Je ne suis pas un expert, moi j'avais trouvé un tuto, sur alsacréations, je crois avec un span qui au survol de l'image l'affiché dans la taille que tu voulais avec du texte en dessous. je ne sais pas si ça peut te servir, je t'envoie le bout de code du css, il est peut être pas top, mais il marche.

CSS

a img
{
border: none; /* Suppression de la bordure d'image */
}
/* image zoom au survol debut*/
a span {
display: none;
}
a:hover span {
display: inline;
position: absolute;
top: 40px; /*position de l'image en hauteur*/
left: 216px; /*position de l'image a partir du bord gauche*/
width: 520px; /*largeur de l'image*/
height: 290px;/*hauteur de l'image*/
background: #B1E939;
text-align: center;
color: black;
border: dotted;

html

<a href=""><span><img src="grande.gif" alt="" ></span><img src="petite.gif" alt="" /></a>

Il est peut être mal écrit, je crois qu'il manque un tag de fermeture dans "img scr dans span" à voir avec les pro, mais si ça peut t'aider.

Azon, peut tu me donner des conseils sur l'accessibilité de mon site, merci.

Mon site

Amitiés.

Modifié 4 Novembre 2005 par Le_Phoenix

[ryuran]

le span ne sert pas à grand chose bon je donne une solution non testé

a img{
height:50%;
width:50%;
}
a:hover img{
height:100%;
width:100%;
}

<a ................><img ........................ /></a>

code a completer