[Résolu] Gabarit - ancre - Menu

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#19
Mais non, c'est à toi de gérer tout ça, ça n'a rien à voir avec l'éditeur.
Ce que tu souhaites est tout à fait possible, mais tu dois définir une limite, sinon ta navigation va dépasser. Comme tu le vois sur la démo, il n'y a que 6 "blocs".
Comment faire pour adapter exactement la démo :
Code :
<div id="header">
    
    <div id="menu">
        <ul>
            <li><a href="#top">Accueil</a></li>
            <li><a href="#img1">Image 1</a></li>
            <li><a href="#img2">Image 2</a></li>
            <li><a href="#img3">Image 3</a></li>
            <li><a href="#img4">Image 4</a></li>
            <li><a href="#img5">Image 5</a></li>
            <li><a href="#img6">Image 6</a></li>
        </ul>
    </div><!-- #menu -->
    
</div><!-- #header -->

<div id="container">
    
    <div id="top"></div>
    
    <div id="img1"></div>
    <div class="image-ombre"><img src="img/1.jpg" alt="image 1" title="image 1" /></div>
    
    <div id="img2"></div>
    <div class="image-ombre"><img src="img/2.jpg" alt="image 2" title="image 2" /></div>
    
    <div id="img3"></div>
    <div class="image-ombre"><img src="img/3.jpg" alt="image 3" title="image 3" /></div>
    
    <div id="img4"></div>    
    <div class="image-ombre"><img src="img/4.jpg" alt="image 4" title="image 4" /></div>
    
    <div id="img5"></div>
    <div class="image-ombre"><img src="img/5.jpg" alt="image 5" title="image 5" /></div>
    
    <div id="img6"></div>
    <div class="image-ombre"><img src="img/6.jpg" alt="image 6" title="image 6" /></div>

    <div id="espace-bas"></div>
    
</div><!-- #container -->
On va commencer par créer les 6 blocs, je t'expliquerai après comment faire une navigation dynamique.
Je te donne ce code dans 2 minutes.
Répondre
#19
Mais non, c'est à toi de gérer tout ça, ça n'a rien à voir avec l'éditeur.
Ce que tu souhaites est tout à fait possible, mais tu dois définir une limite, sinon ta navigation va dépasser. Comme tu le vois sur la démo, il n'y a que 6 "blocs".
Comment faire pour adapter exactement la démo :
Code :
<div id="header">
    
    <div id="menu">
        <ul>
            <li><a href="#top">Accueil</a></li>
            <li><a href="#img1">Image 1</a></li>
            <li><a href="#img2">Image 2</a></li>
            <li><a href="#img3">Image 3</a></li>
            <li><a href="#img4">Image 4</a></li>
            <li><a href="#img5">Image 5</a></li>
            <li><a href="#img6">Image 6</a></li>
        </ul>
    </div><!-- #menu -->
    
</div><!-- #header -->

<div id="container">
    
    <div id="top"></div>
    
    <div id="img1"></div>
    <div class="image-ombre"><img src="img/1.jpg" alt="image 1" title="image 1" /></div>
    
    <div id="img2"></div>
    <div class="image-ombre"><img src="img/2.jpg" alt="image 2" title="image 2" /></div>
    
    <div id="img3"></div>
    <div class="image-ombre"><img src="img/3.jpg" alt="image 3" title="image 3" /></div>
    
    <div id="img4"></div>    
    <div class="image-ombre"><img src="img/4.jpg" alt="image 4" title="image 4" /></div>
    
    <div id="img5"></div>
    <div class="image-ombre"><img src="img/5.jpg" alt="image 5" title="image 5" /></div>
    
    <div id="img6"></div>
    <div class="image-ombre"><img src="img/6.jpg" alt="image 6" title="image 6" /></div>

    <div id="espace-bas"></div>
    
</div><!-- #container -->
On va commencer par créer les 6 blocs, je t'expliquerai après comment faire une navigation dynamique.
Je te donne ce code dans 2 minutes.
Répondre


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)