Quelques erreurs dans mon html et css

[Archimus]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://toadius-dmh.forumactif.be/

Description du problème

Bonjour,

Je veux créer un cadre arrondi avec une div et une image qui devient visible lorsqu'on passe sa souris dessus. Pouvez-vous me dire les erreurs ?

HTML

Code:

<div class="candit">
  - Un âge égal ou supérieur à 16 ans.-Être dynamique.<br\><br\>
  - Avoir pour optique l’avancée aussi bien collective qu’individuelle.<br\><br\>
  - Avoir une expérience dans les jeux en réseau.<br\><br\>
  - Être diplomate et faire preuve d’empathie envers les autres membres.<br\><br\>
  - Nous avons comme valeur principale : l’entraide.<br\><br\>
  - L’utilisation du Teamspeak est obligatoire et il est nécessaire pour la bonne coordination des événements de la guilde.
</div>
<img class="opac" src="http://img11.hostingpics.net/pics/348294JskXQfH.png"/>

CSS

Code:

.candit {
background-image:url(http://img15.hostingpics.net/pics/365137551.png;
width: 700px;
border-radius:5px; 
margin-left: auto;
font-family: 'Kaushan Script';
margin-right: auto;   
}
.opac {
    opacity : 0.50;
    -moz-opacity : 0.50; 
    -ms-filter: "alpha(opacity=10)";
    filter : alpha(opacity=10);
}
.opac:hover {
    opacity : 0.95;
      -moz-opacity : 0.95;
      -ms-filter: "alpha(opacity=10)";
      filter : alpha(opacity=10);
}

Bonne journée.

[Invité]

bonsoir , oula belle erreur en perspective

le html modifier >>

Code:

<div id="page-body">
          <div class="candit">
            - Un âge égal ou supérieur à 16 ans.-Être dynamique.<br /><br />
            - Avoir pour optique l’avancée aussi bien collective qu’individuelle.<br /><br />
            - Avoir une expérience dans les jeux en réseau.<br /><br />
            - Être diplomate et faire preuve d’empathie envers les autres membres.<br /><br />
            - Nous avons comme valeur principale : l’entraide.<br /><br />
    - L’utilisation du Teamspeak est obligatoire et il est nécessaire pour la bonne coordination des événements de la guilde.
 
            <div class="opac"><img src="http://img11.hostingpics.net/pics/348294JskXQfH.png"/></div></div></div>

le css modifier>>

Code:

.candit {
background-image:url(http://img15.hostingpics.net/pics/365137551.png);
width: 700px;
border-radius:5px;
margin-left: auto;
font-family: 'Kaushan Script';
margin-right: auto; 
}
.opac img {
  cursor:pointer;
    opacity : 0.3;
  transition:2s;
   
}
.opac img:hover {
  cursor:pointer;
    opacity : 1;
  transition:2s;
     
}

aperçue http://forum-bikers-r-moto.forumactif.org/forum
si vous voulez l'image transparente a 100% remplacé le opacity : 0.3; par 0
il est maintenant fonctionnel , je vous laisse remettre les attribues pour les différents navigateurs ..

[Archimus]

Bonjour,

Je suis un boulet ! Merci beaucoup pour cette rectification

Bonne journée.