re-bonsoir,
En lisant mon titre vous allez tous m'envoyez à la FAQ et aux bases du css mais laissez moi vous expliquer d'abord.
Comme une URL vaut mieux qu'un long discours, voici plus ou moins le résultat que je veux obtenir. Je dis plus ou moins car ce site est fait avec des frames et je préfère m'en passer, ne fut-ce que parce que je peux pas vous donner le lien direct mais que je dois préciser que une fois que vous avez cliqué sur ce lien, vous devrez cliquer sur Sound Affects pour voir exactement oú je veux en venir.
Pour éviter les frames je me suis basé sur ce tuto (très bien fait) d'alsacreations. Le problème c'est que je ne veux pas que le contenu défile verticalement mais bien horizontalement. Un autre détail qui je crois à sn importance est que le contenu de cette pseudo frame sont des photos avec leur titre.
Jusqu'à présent je suis arriver à ça. C'est à dire que j'arrive pas a aligner les div horizontalement dans la div qui les contient.
En deux mots, la pseudo frame est un div (class .frame) qui contient les divs (class .foto) qui contiennent les photos et leur titre.
Un peu de code: la css des classes frame et foto:
J'ai cru un moment que ce sujet allait tout me résoudre, mais malheureusement non . Dans d'autres forum j'ai lu des solutions avec des div spacer mais même po . Je m'en remets donc à l'élite du css francophone.
Je précise tout de suite que je trouve pas ça très pratique de se déployer horizontalement au lieu de verticalement, mais mon pote le veux comme ça, et c'est quand même son site donc c'est lui qui décide. Plus tard je ferais un petit JavaScript pour que la molette de la souris fasse défiler horizontalement.
Voila, j'espère m'avoir bien expliqué, n'avoir enfreint aucune règle et que vous allez pouvoir me donner les pistes qui me résoudront le problême en moins de deux.
bonne soirée
Modifié par ledave (29 Sep 2006 - 09:27)
En lisant mon titre vous allez tous m'envoyez à la FAQ et aux bases du css mais laissez moi vous expliquer d'abord.
Comme une URL vaut mieux qu'un long discours, voici plus ou moins le résultat que je veux obtenir. Je dis plus ou moins car ce site est fait avec des frames et je préfère m'en passer, ne fut-ce que parce que je peux pas vous donner le lien direct mais que je dois préciser que une fois que vous avez cliqué sur ce lien, vous devrez cliquer sur Sound Affects pour voir exactement oú je veux en venir.
Pour éviter les frames je me suis basé sur ce tuto (très bien fait) d'alsacreations. Le problème c'est que je ne veux pas que le contenu défile verticalement mais bien horizontalement. Un autre détail qui je crois à sn importance est que le contenu de cette pseudo frame sont des photos avec leur titre.
Jusqu'à présent je suis arriver à ça. C'est à dire que j'arrive pas a aligner les div horizontalement dans la div qui les contient.
En deux mots, la pseudo frame est un div (class .frame) qui contient les divs (class .foto) qui contiennent les photos et leur titre.
Un peu de code: la css des classes frame et foto:
.frame {
margin-left: 180px; /* on place ce bloc à droite du bloc menu de 180px de large */
overflow:auto;
height: 550px;
font-size: 14px;
}
.foto {
float: left;
display: inline;
clear:both;
}
et le html:<div class="frame">
<br>
<div class="foto"><img src="http://www.rafaelsunen.com/images/1NowAndThen/11.jpg"><br>titulo</div>
<div class="foto"><img src="http://www.rafaelsunen.com/images/1NowAndThen/12.jpg"><br>titulo</div>
<div class="foto"><img src="http://www.rafaelsunen.com/images/1NowAndThen/13.jpg"><br>titulo</div>
etc...
Je mets pas tout pour pas surcharger mais si ous voulez toute la css elle est ici.J'ai cru un moment que ce sujet allait tout me résoudre, mais malheureusement non . Dans d'autres forum j'ai lu des solutions avec des div spacer mais même po . Je m'en remets donc à l'élite du css francophone.
Je précise tout de suite que je trouve pas ça très pratique de se déployer horizontalement au lieu de verticalement, mais mon pote le veux comme ça, et c'est quand même son site donc c'est lui qui décide. Plus tard je ferais un petit JavaScript pour que la molette de la souris fasse défiler horizontalement.
Voila, j'espère m'avoir bien expliqué, n'avoir enfreint aucune règle et que vous allez pouvoir me donner les pistes qui me résoudront le problême en moins de deux.
bonne soirée
Modifié par ledave (29 Sep 2006 - 09:27)