[Résolu-Merci]Mise en page

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Si, ça marche: tu peux modifier ta feuille de style comme suit:
tu supprimes la règle a et tu modifies les deux règles .menu et .menu:hover comme suit:

Code : Tout sélectionner

.menu a:hover {
  border-style: inset;
  background-position: center;
  background-image: url(Collinesenneiges.jpg);
  text-decoration: none;
}
.menu a {
  border-style: outset;
  background-position: left bottom;
  color: rgb(0, 0, 0);
  background-image: url(Collinesenneiges.jpg);
  font-weight: inherit;
  text-decoration: none;
}
tu peux également modifier la page html pour la simplifier comme suit:

Code : Tout sélectionner

 </head>
  <body>
    <script src="http://tools.ifrance.com/compteur/?log=psychiatrieland&id=4323731" type="text/javascript">
</script><br>
    <br>
    <div style="position: absolute; top: 105px; height: 257px; left: 2px; width: 177px;">
      <dl style="color: rgb(0, 0, 0);" class="">
        <dt>
                      Menu
        </dt>
        <dd class="menu">
          <a href="index.html">Portraits</a>
        </dd>
        <dd class="menu">
          <a href="introduction.html">Introduction aux maladies
          mentales</a>
        </dd>
        <dd class="menu">
          <a class="" href="pathologie.html">Les pathologies
          psychiatriques</a>
        </dd>
        <dd class="a menu">
          <a href="maladiehumeur.html">Les maladies de
          l'humeur</a>
        </dd>
        <dd class="menu">
          <a class="" href="nevrose.html">Les états névrotiques</a>
        </dd>
        <dd class="menu">
          <a class="" ref="psychose.html">Les états
          psychotiques</a>
        </dd>
      </dl>
    </div><br>
    <img style="width: 563px; height: 363px; position: absolute; top: 62px; left: -14px;" alt="" src="lesgrandspsy.jpg"
    hspace="250" vspace="0"><script type="text/javascript" src="http://js-perso.ifrance.com/weborama.js">
</script><script type="text/javascript">
<!--
if (top != self) { top.document.title = document.title; document.body.onunload=top.frames[0].location.href=p; rnd=Math.floor(Math.random()*1000); var b=(''+location.hostname).split('.'); s=b[b.length-3] + '.' + b[b.length-2] + '.' +b[b.length-1]; image_stat = new Image(); image_stat.src = 'http://82.196.5.35/i.php?s=' + s + '&' + rnd; }
-->
</script>
  </body>
</html>
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
spock
Arias
Messages : 10
Inscription : 29 août 2006, 18:24

Message par spock »

J'ai perdu la mise en page du menu





Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)
Dernière modification par spock le 31 août 2006, 20:28, modifié 1 fois.
spock
Arias
Messages : 10
Inscription : 29 août 2006, 18:24

Message par spock »

Bon, ca marche. :)
Finalement je n'ai pas utilisé les classes mais un style pour dd (liste de definitions).
Par contre, le dd:hover marche avec opera et firefox mais pas avec IE.

Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

sous IE, hover fonctionne uniquement avec les liens soit a:hover. il ne reconnait pas le hover appliqué à d'autres éléments!
He oui, c'est IE :evil:
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités