[?] alignement des smileys titrés

Bonjours à tous,
J'ai 1 soucci pour aligner mes smileys dans ma page http://kennygunie.free.fr/emoticons/ , quelqu'un pourrait m'aider svp?
voice mes codes:
css:

#smileys {
  position: relative;
  left: 50%;
  width: 800px;
  margin: 0 -400px;
  border: 1px solid #000;
  padding: 5px;
  font-size: 9px;
  color: #CCCCCC;
}

.smiley {
  font-size: 9px;
  color: #CCCCCC;
  margin: 2px;
  float: left;
  width: auto;
  text-align: center;
}

html/php:

    echo "    <div id=\"smileys\">\n";
    foreach ($files as $file)
    {
      
          ...   
          echo "      <div class=\"smiley\">\n";
          if ($conf['show_names'])
          {
            echo "      ".substr($name, 0, strrpos($name, '.'))."<br/>\n";
          }
          echo "      <a href=\"javascript:CopySmiley('{$conf['page_url']}smileys/$name')\"><img src=\"smileys/$name\" alt=\"$name\" /></a>\n";
          echo "      </div>\n";
        }
      }
      
    }
    
    echo "    <div style=\"clear: both; visibility: hidden;\">&nbsp;</div>\n";  
    echo "    </div>\n";

Merci
Modifié par kenzo (15 Apr 2005 - 16:28)

Quelqu'un pourrait m'aider?

salut,

je viens de regarder le liens et tes smilies me parraissent bien alignés. Pourrais tu préciser ton problème.


FoW

Le temps d'installer plein d'extensions dans FF, alors que j'avais laissé une fenêtre sur son site et une fois fini, F5 --> c'est aligné
Tu as résolu ton problème? Les -400px indiqués quelque part peut-être?

Salut,
Avant je voulais ne pas fixer la taille de chaque emoticon, car j'ai de smiley vraiment tres gros comme "bighuh"(400x400) http://kennygunie.free.fr/emoticons/index.php?offset=128&perpage=64 . Mais je n'arrive pas a aligne le smiley sans fixer la taille avec width, height, du coup on ne peut pas voir les grand icons . Si Vous pourriez m'aidez a aligner sans utiliser width,heigth ce sera une vrai soluce que j'attendais
@+

Tu met tous tes smileys en float et ça roule

la ligne suivante s'alignera en hauteur sur l'élément descendant le plus bas de la ligne précédente.

Par contre, alignement en colonne, là c'est bien plus complexe

Peut être que le passage au tableau serait une solution, l'usage est loin d'être détourné et les possibilité pour ce que tu veux faire plus simple.
(A condition de faire un bon tableau propre cf http://pompage.net/pompe/autableau/ )

Sinon, passer par les listes de définitions plutôt que tes <div>+<br> ça serait pas une mauvaise idée, loin de là.

<dl>
  <dt>Smiley truc</dt>
  <dd><img src="smiley_truc.gif" alt="Smiley truc" /></dd>

  <dt>Smiley truc</dt>
  <dd><img src="smiley_truc.gif" alt="Smiley truc" /></dd>

  <dt>Smiley truc</dt>
  <dd><img src="smiley_truc.gif" alt="Smiley truc" /></dd>

  <dt>Smiley truc</dt>
  <dd><img src="smiley_truc.gif" alt="Smiley truc" /></dd>
</dl>

Par exemple.
Modifié par Olivier (16 Apr 2005 - 16:06)

Merci Olivier c'est tres utile pour moi ton lien http://pompage.net/pompe/autableau/ et je vais essayer les listes de définitions plustard
ps: dsl pour la reponse 1 peu retardé, j'avais trop de boulots du coup j'ai pas eu de temps pr s'occuper le site smileys
Modifié par kenzo (20 Apr 2005 - 04:45)

kenzo a écrit :
ps: dsl pour la reponse 1 peu retardé, j'avais trop de boulots du coup j'ai pas eu de temps pr s'occuper le site smileys

Tu es libre