Upload de Arquivo (Album de fotos)

[sasoliveira]

Pessoal,

Estou desenvolvendo um álbum de fotos, mas estou com problemas no sistema de upload das fotos, na verdade não é necessariamente no upload, o código do upload esta funcionando, o problema é que quando subo as fotos elas não ficam na formatação que desejo.

Tenho já algumas fotos que inseri diretamente pelo HTML e que formatei no CSS3, mas as fotos que subo no upload não ficam na mesma formatação, já tentei de tudo mas não consigo configurar para que os novos uploads fiquem na mesma formatação.

HTML

 <?php include "upload.php"; ?> 
   </div>   
   <ul id="album">
    <li id="foto01"><span>Londres</span></li>
    <li id="foto02"><span>Londres</span></li>
    <li id="foto03"><span>Londres</span></li>
    <li id="foto04"><span>Londres</span></li>
    <li id="foto05"><span>Londres</span></li>
    <li id="foto06"><span>Londres</span></li>
    <li id="foto07"><span>Londres</span></li>
    <li id="foto08"><span>Londres</span></li>
    <li id="foto09"><span>Londres</span></li>
    <li id="foto10"><span>Londres</span></li>
    <li id="foto11"><span>Londres</span></li>
   </ul>
   <br>

--------------------------------------------------------------

As fotos formatadas no CSS3

ul#album {
    width: 1000px;
    margin: 0 auto;
    padding: 50px;
    overflow: hiden;
    list-style: none;
}

ul#album  li {
    float: left;
    width: 200px;
    height: 200px;
    margin: 10px;
    border: 5px solid black;
    background-color: #ffffff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.4);
    -webkit-transition: all 0.5s ease-in;
    text-align: center;
}

ul#album  li:hover {
    -webkit-transform: scale(1.5);
}

ul#album li:hover span {
    opacity: 1;
}
ul#album li span {
    opacity: 0;
    color:#ffffff;
    text-shadow: 1px 1px 1px #000000;
    background-color: rgba(0,0,0,.3);
    font-size: 16pt;
    line-height: 375px;
    padding: 5px;
}

ul#album li#foto01:hover {
     background-position: 50% 50%;
     background-size: 200px 200px;
}

ul#album  li#foto01 {
    background: url('../imagens/01.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 700px  700px;
    background-color: #ffffff;
}

-------------------------------------------------------------------

Meu arquivo upload.php na qual não consigo configurar para que no upload das fotos elas fiquem na mesma formatação das já inseridas

  <?php

     $sql = "SELECT * FROM arquivo";
     $result = mysql_query($sql);
     while($row = mysql_fetch_array($result)) {
      $imagem = $row['arquivo'];
        
        echo "<ul id='album'>";
           echo "<li><img src='upload/$imagem'></li>";
        echo "</ul>";  

Alguem poderia me ajudar?

 

Valeu Galera!