Fabriquer un badeau navigation

vivikowski · Message par **vivikowski** » 16 nov. 2006, 13:38

Bonjour,
j'aimerais savoir comment on peut faire un bandeau avec un logo ou une image qu'on place en haut de page,et dans lequel on ajoute un menu de navigation avec les liens correspondants.

Merci beaucoup.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060608 Ubuntu/dapper-security Firefox/1.5.0.4

Mongo Bob · Message par **Mongo Bob** » 16 nov. 2006, 14:27

On peut répondre à des questions de détail, mais ta question donne envie de te renvoyer sur un tutoriel tant elle est générale. Elle implique une connaissance des balises html, des notions de base sur le traitement des images, et est soumise en + à l'effet visuel que tu veux obtenir, ça fait beaucoup. Répondre à cette question implique de te fournir tout mâché un mode d'emploi bien fourni sur la question.
Pourquoi ne pas potasser un peu là :
http://www.geckozone.org/forum/viewtopic.php?t=20704

Message par **Ymai** » 16 nov. 2006, 14:30

Bonjour
Comme ceci?
http://info.sio2.be/NVU/1/4.php
Pour encadrer et mettre une couleur de fond, il suffit de l'inclure dans un
<div style="background-color:#aefa88; border: 1px solid red; width: 100%">LE MENU le menu LE MENU le menu</div>

Message par **chinon37** » 16 nov. 2006, 15:03

un p'tit exemple que tu peux pomper, basique:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org">
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>
      essai
    </title>
    <style type="text/css">
#bandeau {
    border: 1px solid #cccccc;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffcc;
    text-align: left;
    height: 150px;
    font-size: 25px;
    }
    body {
    text-align: center;
    }
    #menu1 {
    margin: 0;
    padding: 0;
    }
    #menu1 li {
    margin: 0;
    padding: 0 10pt;
    display: inline;
    }
    #menu {
    border: 1px solid #ffffcc;
    background-color: #cccccc;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    }

    </style>
  </head>
  <body>
    <div id="bandeau">
      <img style="width: 128px; height: 128px;" alt="logo" src=
      "http://www.chinonsntt.info/image/terrekpZ1goldrorange128.png" align="middle">                                 
                          TITRE du SITE
    </div>
    <div id="menu">
      <ul id="menu1">
        <li>
          <a href="#">Accueil</a>
        </li>
        <li>
          <a href="#">Services</a>
        </li>
        <li>
          <a href="#">Produits</a>
        </li>
        <li>
          <a href="#">A propos</a>
        </li>
        <li>
          <a href="#">Contact</a>
        </li>
      </ul>
    </div>
  </body>
</html>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

Geckozone

Fabriquer un badeau navigation

Fabriquer un badeau navigation

Qui est en ligne ?