Images qui s'illuminent

[Big BangDrWHO]

Re-bonsoir,

je reviens vers vous car j'ai installé un css qui permet de faire en sorte que les images s'illuminent lorsqu'on passe dessus. Mais j'aimerais que cela ne le fasse pas sur la bannière. Pourriez vous m'aider ?

Voici le code utilisé :

Code:


img {
    opacity : 0.50;
    -moz-opacity : 0.50; 
    -ms-filter: "alpha(opacity=10)"; /* IE 8 */
    filter : alpha(opacity=10); /* IE < 8 */
}
 
img:hover {
    opacity : 0.95;
      -moz-opacity : 0.95;
      -ms-filter: "alpha(opacity=10)"; /* IE 8 */
      filter : alpha(opacity=10); /* IE < 8 */
}

[Matriochka]

Re-bonsoir

Tu veux que toutes les images soient concernés par ceci hormis la bannière, si je comprends bien ?

Ajoute ceci :

Code:

#i_logo {
    opacity : 1;
      -moz-opacity : 1;
      -ms-filter: "alpha(opacity=100)"; /* IE 8 */
      filter : alpha(opacity=100); /* IE < 8 */}

[Big BangDrWHO]

Hé bah voilà !

Merci, vous êtes vraiment génial Matriochka ^^

J'aimerais également vous demander une dernière chose, j'aimerais pas avoir l'air d'un flooder en postant encore un autre sujet.

Voilà j'aimerais beaucoup mettre un petit encart avec un menu déroulant ou pas pour faire un lien rapide vers le règlement, le contexte, ... directement à côté de la description, comme l'image en fait, mais à gauche.

Comme ceci :

[Matriochka]

Mais de rien

Eh bien, pour ça, il te suffit de le créer, toujours dans la description de ton forum :
HTML :

Code:

<div id="rapnav">
<a href="http://link1">Titre 1</a><br />
<a href="http://link2">Titre 2</a><br />
<a href="http://link3">Titre 3</a><br />
</div>

CSS :

Code:

#rapnav {
background:#FFFFFF;
border:1px solid #000000;}

À placer dans une nouvelle colonne à ajouter dans le tableau que je t’ai fait mettre tout à l’heure

N’hésite pas à créer un sujet pour chaque problème que tu as à régler. C’est beaucoup plus pratique pour les recherches ultérieures.

[Big BangDrWHO]

D'accord, merci je teste ça et je redis quoi

[Big BangDrWHO]

J'ai bien suivi ce que vous m'avez dit, mais cela me fait ceci :



Alors que je voudrais cela :



Est-ce possible ?

[Invité]

Bonsoir,

Essayez avec ce code dans votre CSS:

Code:

background: white;
border: 1px solid black;
padding: 3px;
width: 100px;
position: absolute;
margin-left: 40%;
margin-top: -70px;

Je doute que ce code soit fiable...

[Big BangDrWHO]

Cela n'a pas fonctionné :/

[Matriochka]

Remplace le code que je t’ai donné plus haut par celui-ci :

Code:

#rapnav {
background:#FFFFFF;
border:3px solid #000000;
width:100px;
position:absolute;
margin-left:580px;
margin-top:-100px;}

[Big BangDrWHO]

Merci beaucoup ça a fonctionné ^^

Je vous dois beaucoup Matrioska