Quelques erreurs dans mon html et css

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Quelques erreurs dans mon html et css

Message par Archimus Dim 17 Jan 2016 - 21:27

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.


Dernière édition par Archimus le Lun 18 Jan 2016 - 0:01, édité 1 fois
Archimus

Archimus
***

Messages : 152
Inscrit(e) le : 15/05/2015

http://www.crystal-fox.net/
Archimus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quelques erreurs dans mon html et css

Message par Invité Dim 17 Jan 2016 - 23:23

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 ..
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quelques erreurs dans mon html et css

Message par Archimus Lun 18 Jan 2016 - 0:01

Bonjour,

Je suis un boulet ! Merci beaucoup pour cette rectification merci

Bonne journée.
Archimus

Archimus
***

Messages : 152
Inscrit(e) le : 15/05/2015

http://www.crystal-fox.net/
Archimus a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum