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!