Partage
  • Partager sur Facebook
  • Partager sur Twitter

CSS mot encadré

Sujet résolu
Niolak
  • HTML / CSS
    25 avril 2006 à 10:44:41

    Bonjour !
    J'ai (encore) un problème :
    J'aimerais mettre un mot qui serait encadré (en css) par une bordure outset. J'aimerais que les bordures ne soient pas collées au mot (ce qui est le cas là), j'aimerais qu'il y ait un espace précis (180px par exemple) et que le mot soit centré dedans.
    J'ai essayé en faisant un tableau, mais seul le mot est un lien alors que je voudrais que la cellule aussi le soit. J'ai donc essayé de mettre les balises <a> et </a> autour de la cellule, mais ça ne fonctionne pas...
    Je ne sais vraiment pas comment faire...

    Une partie du code html :
    <table>
       <tr>
          <td width="165" class="url"><a href="page.htm">MOT</a></td>
          <td width="165" class="url"><a href="page2.htm">MOT 2</a></td>
       </tr>
    </table>



    Une partie du code css :
    .url
    {
            border-right : outset;
            border-left : outset;
            border-top : outset;
            border-bottom : outset;
            border-color : white;
            background : url(../degrade.png) repeat-x white;
            color : yellow;
            font-weight : bold;
    }


    Ici, la cellule ne fait pas partie du lien...
    • Partager sur Facebook
    • Partager sur Twitter
    strucky
      25 avril 2006 à 10:52:13

      a{ display: block }
      • Partager sur Facebook
      • Partager sur Twitter
      Niolak
      • HTML / CSS
        25 avril 2006 à 11:01:38

        Je ne comprends pas très bien, là... Tu peux expliquer plus ? Ou il faut le mettre par exemple...
        Merci, ce serait sympa ;)
        • Partager sur Facebook
        • Partager sur Twitter
        strucky
          25 avril 2006 à 11:08:37

          Sur les balise a de ton tableau.

          .url a{
            display: block;
            height: 100%;
            text-align: center;
            line-height: 100%;
          • Partager sur Facebook
          • Partager sur Twitter
          Niolak
          • HTML / CSS
            25 avril 2006 à 11:18:57

            Merci beaucoup !
            • Partager sur Facebook
            • Partager sur Twitter
            Niolak
            • HTML / CSS
              28 avril 2006 à 9:00:27

              Re ! J'ai un petit problème, quand je passais la souris sur les boutons, ils s'enfonçaient grâce à ce code :

              .url
              {
                      border-right : 3px;
                      border-left : 3px;
                      border-top : 3px;
                      border-bottom : 3px;
                      border: outset;
                      border-color : white;
                      background : url(../degrade.png) repeat-x blue;
                      font-weight : bold;
              }
              .url:hover
              {
                      border: inset;
                      border-color : white;
                      background : url(../degrade.png) repeat-x blue;
              }


              Mais je l'ai mis sur internet, et les boutons ne s'enfoncent pas... D' où cela peut-il venir ?
              (J' utilise Firefox)
              • Partager sur Facebook
              • Partager sur Twitter

              CSS mot encadré

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
              • Editeur ●
              • Markdown