Probleme ascensseur / barre de navigation dans une page
Bonjour et bienvenue a moi sur ce forum:)
J'ai un tout petit probleme auquel je ne trouve pas vraiment de solution :(
Sur cette page : http://www.annabelletiaffay.com/mode/mode.php
on peut voir que les vignettes en bas se retrouvent sur 2 lignes, alors que dans mon CSS j'aimerais que ces vignettes tiennent sur 1 seul ligne et qu'on puisse y naviguer avec un ascensseur horizontal.
j'ai testé pas mal de solution avec les overflow:scroll mais rien n'a marché :(
Pourriez vous m'aider?
ps:si vous connaissez une methode plus propre, belle, fonctionnelle en flash meme dites moi.. ;)
voici le code html correspondant:
et le CSS:
Code:
1 2 3 4 5 6 7 8 9 10
|
<div class="espace_photo"><br class="clearall" />
<img src="max_a.jpg" id="pouet" />
</div>
<div class="espace_bandeau">
<a href="mode.php?photo=max_a.jpg" OnClick="document.getElementById('pouet').src='max_a.jpg'">
<img border="0" class="vignette" src="mini_a.jpg" />
</a>
</div> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
.espace_bandeau
{
BORDER-TOP: #a9a9a9 1px solid;
FLOAT: left;
WIDTH: 100%;
PADDING-TOP: 3px
}
.espace_photo
{
FLOAT: left;
WIDTH: 100%;
HEIGHT: 425px
}
.vignette
{
BORDER-RIGHT: #a9a9a9 1px solid
} |
merci de votre aide!