image inline

DudyDudy Member
juin 2013 modifié dans Modifications
Bonjour
dans une page statique j'ai placé des photos et j'aimerais pouvoir les positionné display:inline avec la barre de défilement X bottom

le code que j'ai rajouter au fichier style.css a la ligne 234 est le suivante:
[== CSS ==]
#static-width-sidebar {
	float: left;
	width: 90%;
	 display: inline-block;
	width:950px;
    height: 600px;       
    line-height: 1000px;
    overflow: auto;

	}

mais le résultat est : la barre de défilement Y est les images toujours en block
voir Ici

j'ai essayer plusieurs code mais sans résultat,
Svp pouvez-vous me donner un indice a suivre,

merci beaucoup

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    Bonjour
    Je ne comprends pas ce que tu veux faire
    Actuellement les images sont les unes en dessous des autres, avec un ascenseur vertical
    Que veux-tu avoir ?

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • DudyDudy Member
    Bonjour Stéphane
    j aimerais le résultat et comme sur le site actuel section Gallery
    Site
    merci pour ton aide
  • Essaie ça :
    #static-width-sidebar {
        display: block;
        overflow-y:hidden;
        height:650px;
        white-space: nowrap;
    }
    article  img {
        min-height:630px;
        margin: 0 5px;
        border: 3px solid #cccccc; 
    }
    
  • DudyDudy Member
    bonjour Jerry Wham

    merci pour le but de code, marche très bien
    mais je crois que je vais essayer de créer un style a part pour cette page statique, puisque j'ai le style qui change aussi sur la page news, et les image se deforme

    merci encore et bonne journée.
Connectez-vous ou Inscrivez-vous pour répondre.