Bonjour,
Tout d'abord un petit mot pour ce site que je trouve personnellement génial.
Bon, voilà mon problème :
Je dois faire une frise horizontal d'images+lien.
Aligner des DIV, pas de soucis.
Mais là où je sèche c'est que je doit avec un DIV parent qui doit permettre de faire un scroll horizontal si le nombre d'image est supérieur à une certainement quantité.
Un exemple vaut mieux qu'un long discours :
J'ai mis les overflow en commentaire pour que vous voyez bien ce qui se passe, la 4eme image devrait être alignée avec les autres,e t un scrool horizontal devrait permettre de la voir. Mais ce n'est pas le cas
Donc si quelqu'un a un petite idée,
Mille fois merci d'avance.
Pascall
Tout d'abord un petit mot pour ce site que je trouve personnellement génial.
Bon, voilà mon problème :
Je dois faire une frise horizontal d'images+lien.
Aligner des DIV, pas de soucis.
Mais là où je sèche c'est que je doit avec un DIV parent qui doit permettre de faire un scroll horizontal si le nombre d'image est supérieur à une certainement quantité.
Un exemple vaut mieux qu'un long discours :
J'ai mis les overflow en commentaire pour que vous voyez bien ce qui se passe, la 4eme image devrait être alignée avec les autres,e t un scrool horizontal devrait permettre de la voir. Mais ce n'est pas le cas
Donc si quelqu'un a un petite idée,
Mille fois merci d'avance.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<style type="text/css">
#contener
{
border:solid 1px #000;
height:155px;
width:320px;
display: block;
/*
overflow:hidden;
overflow-x: auto;
overflow-y: hidden;
overflow : -moz-scrollbars-horizontal;
*/
}
#contener #zonep
{
margin:0;
padding:2;
height:127px;
width:auto;
float:left;
border:solid 1px #f00;
}
#zonep div.p
{
margin:0 5px 0 0;
padding:2;
border:solid 1px #ccc;
width:80px;
height:auto;
float:left;
}
#zonep div.p p
{
margin:0;
padding:0;
}
#zonep div.p a
{
color:#f00;
}
</style>
</head>
<body>
<div id="contener">
<div id="zonep">
<div class="p"><img src="" width="80" height="80"/><p><a href="">lien</a></p><p><a href="">lien</a></p></div>
<div class="p"><img src="" width="80" height="80"/><p><a href="">lien</a></p><p><a href="">lien</a></p></div>
<div class="p"><img src="" width="80" height="80"/><p><a href="">lien</a></p><p><a href="">lien</a></p></div>
<div class="p"><img src="" width="80" height="80"/><p><a href="">lien</a></p><p><a href="">lien</a></p></div>
</div>
</div>
</body>
</html>
Pascall
