Discussion :

[cccb24]

Bonjour à tous,

Je suis face à un problème. Sur le site que je suis en train de coder, j'ai mis un bouton "informations" pour les informations concernant le projet.
Lorsque je clique sur le bouton informations, le texte apparait à droite de l'image mais prends part sur le slideshow et le nav.

C'est un problème tout bête mais je ne trouve pas la solution.

Voici le lien: http://www.bertrandcavalier.com/construction/#

D'avance merci pour votre aide

[rodolphebrd]

Bonjour,

Je ne comprends pas bien ce que vous voulez dire par :

le texte apparait à droite de l'image mais prends part sur le slideshow et le nav.

Car j'ai le texte qui apparait à droite du slideshow tout simplement.
Où voulez-vous que ce dernier apparaissent ?

Un copie d'écran serait la bienvenue pour comparer nos rendus.

[cccb24]

En fait lorsque l'on clic sur le texte, il apparait au bon endroit, mais le nav devient in-fonctionnel. C'est à dire qu'on n'a plus la possibilité de cliquer sur un autre sujet du nav.

Vous voyez ce que je veut dire ?

[Bisûnûrs]

C'est parce que ton bloc .texte vient se positionner par dessus (cf Firebug).

Ta mise en page (2e .nav) c'est de la bidouille à coup de marges négatives, faut commencer par faire une mise en page qui tient la route. Il y a quelques articles sur Developpez là-dessus.

[rodolphebrd]

Je rejoins Bisûnûrs sur la construction de la page...
En attendant vous pouvez faire ce qui suit pour identifier votre problème:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div class="nav">
  <ul class="sections">
    <li>WORK</li>
  </ul>
  <ul class="s_sections">
    <a href="anna.html">Une journée avec Anna</a><br>
    <a href="bastide.html">Têtes perdues - la Bastide</a><br>
    <a href="lea.html">LéaLove</a><br>
  </ul>
  <ul class="sections">
    <li>AUTRES</li>
  </ul>
  <ul class="s_sections">
    <a href="portfolio.html">Portfolio / Livres (en cours)</a><br>
    <a href="video.html">Essai vidéo</a><br>
  </ul>
  <ul class="sections">
    <li>INFOS</li>
  </ul>
  <ul class="s_sections">
    <a href="biographie.html">Biographie</a><br>
    <a href="cv.html">CV / expositions</a><br>
    <a href="contact.html">Contact</a><br>
  </ul>
  <div id="button"> <a href="#"> <span class="informations">informations</span><br>
    </a> <a href="#"> <span id="prev" class="prev">previous</span> </a> &nbsp; <a href="#"> <span id="next" class="next">next</span> </a> </div>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#button {
  text-align: right;
  margin-top: 23px;
  text-align: right;
}
#content_text {
  position: relative;
  float: left;
  width: 200px;
}

Augmenter la largeur de BODY...