Menu , tableau?

Bonsoir , sur ce site vous remarquerez une sorte de menu en gris où il y a marqué horizontalement home , bugtraq...
http://www.securityfocus.com/

je voudrais savoir comment on obtient cette sorte de gris métallisé et comment on peut faire un truc similaire svp , merci .

PS : je parle bien de la bande où il est marqué Home , bugtraq , vulnerabilities , mailing list , security jobs , tools .
ne me demandez pas d'aller voir le code source c'est déjà fait , merci :)
Ce qui m'intéresse c'est de connaitre le moyen le plus simple pour avoir ce résultat .

1 réponse

  1. en fait ils ont mis une image qui fait ce rendu et l'on répété en boucle le long de la barre.

    l'adresse de l'image est la suivante :
    http://www.securityfocus.com/images/site/header_bar.gif

    je ne suis pas sur que tu puisse l'utiliser légalement pour ton site personnel.Tu verait mieux d'en faire ta propre version.

    dans le <body> de ton fichier HTML tu met quelquechose comme

    <style>
    .barredegradee{
        height: 24px;
        background-image: url(l'emplacement de ta version de l'image);
        background-repeat: repeat-x;
        background-attachment: scroll;
    }
    </style>


    et ce que tu veut mettre dans cette barre devra se trouver entre deux balises (généralement DIV) d'id "barredegradee" (ça doit aussi marcher avec les table je crois)

    exemple:

    <div id="barredegradee">
    <a href"...">option1</a>
    <a href"...">option2</a>
    </div>


    normalement ça devrait déjà avoir un rendu valable. mais j'avoue ne pas l'avoir testé.