Créer un cadre sur un lien au passage de la souris[resolu]

Facilement faisable en CSS, avec un padding et un border

knarf a écrit :
lut

Ba oui toujours possible.

tu n'as qu'as mettre ce que t'as dit FlorentG dans ton a:hover

a:hover{
padding: 1px;
border: 1px solid BLACK;
}

si tu as défini une id pour ton menu

 
#menu a:hover{
padding: 1px;
border: 1px solid BLACK;}

Edit: Vu le temps que j'ai mis pour charger la page en ADSL je n'ose imaginer pour une personne ayant un 56k.

Je ne sait pas si c'est normal mais c'est un peu long je trouve

hello

Sisi c'est normal ....mais il ya une page qui indique le chargement ...donc ...mais c'est vrai que si tu tournes sur autre chose qu'Internet Explor ça ne marche pas ( perso j'ai firefox et on ne voit pas cte page ) bref...
J'ai fait un premier test ...et c'est un peu compliqué ...mais j'ai déjà un premier
jet

http://franck.sacco.free.fr/galerie/galerie_poly.php

toujours pareil ...ça bug un peu un problème de dimension ?

tu n'as pas un bout de code à nous mettre sous la dent ce serait quand même mieux

knarf a écrit :
tu n'as pas un bout de code à nous mettre sous la dent ce serait quand même mieux

si bien sûr

pour le style

.padding a:hover {
	
	padding:1px;
	border: 1px solid #ffffff;

pour la partie code :

<!-- 4em tableau-->
	
	<table width="800" height="50"align="left" valign="bottom" cellpadding="0" cellspacing="0" border="0">
		<tr>
         <td height="170" width="800"valign="middle">
	
<?php
	$grandes = "select * from images Where categorie='poly'";
	$rep_test = mysql_query($grandes);
	$left = 5;
	$i = 0;
	do {
	$i = $i+1;
	?>

	<?php if (isset($row["nom"])) { ?>

    <div style="float:left; margin-top:20px; margin-left:10px;width:100px;">
    
   <div class="padding">
       <a href="Javascript:cacheTout(<?php echo $i; ?>);">
                <imgsrc='../images/mini/<?phpecho$row["nom"];?>'border='0'>
                                                 </a>

                                                          </div>

                                      <?php } else { ?>

                             <div id="detail<?php echo $i; ?>
      "style="float:left;display:none;margin-top:20px;margin-left:10px;width:100px;">


          </div>
                  <?php } ?>
                             </div>
	


            <?php
	           }	while($row = mysql_fetch_array($rep_test));
	         ?>
		</div>
                        </td>
                               </tr>

<!-- fin 4eme tableau-->
			                    </table>      

Voilà en gros .....merci pour votre aide à tous ....ça doit pas être bien compliqué mais je bute sur un truc que je vois pas ....

bonjour,

j'ai cherché un chti peu et ....

ben ça va beacoup mieu x en fait , le problème provient de Firefox il ne reconnait pas tout ...il lui manque la taille je pense ou quelque chose dans le genre pour que cela fonctionne correctement mais quoi ? ???....sinon sous Internet explorer je n'ai pas le border top autour de mon image ....est ce que c'est normal ?

toujours la même adresse

http://franck.sacco.free.fr/galerie/galerie_poly.php

merci à vous
franky

Hello encore moi ...

Je fais les questions réponses décidemment

Alors voilà ce qui se passe j'ai trouvé un truc dans le genre à mettre

.cadre a:hover img {
  padding:2px;
    border: 1px solid #FFFFff;
    }

.cadre a  img {
    padding:2px;
    border : 1px solid #722D26;
    }

dans mon style

et l'effet et assez concluant sur firefox ...le souci c'est que sous Internet Explorer je n'ai pas le même effet j'ai un cadre blanc qui s'affiche une fois la vignette cliquée ....dans l'idéal je cherche à avoir les deux effets sur les deux navigateurs ....
Cad un cadre blanc qui s'affiche autour de ma vignette au passage de la souris, et un cadre blanc qui reste autour de ma vignette une fois celle-ci sélectionnée...
possible or not possible ?

http://franck.sacco.free.fr/galerie/galerie_poly.php

merci pour votre aide.. enfin j'espère ....

et c'est que du css !

Css c possible ....