这里有一个超级简单的问题,
我正在为我的网站制作一个上传页面,并尝试实施下载栏。没有PHP挂进它,但我正在尝试进行布局。一切都很好,但我似乎无法找出为什么我的课程不适用于上传栏......如果你愿意的话,第一堂课正在“泄漏”。我试图先把它谷歌,但一切都很明显。进度条从html的底部开始。对不起墙我不知道我错误的地方。
进步吧梦想......进度条现实...... 仔细看看:http://samplepackgenerator.com/phUploader.php
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><?php echo $samplepackgenerator; ?>Upload Sounds</title>
</head>
<?
If($password_form) {
Echo $password_form;
} Else {
?>
<form action="<?=$_SERVER['PHP_SELF'];?>" method="post" enctype="multipart/form-data" name="phuploader">
<body align="center" class="mbr-box mbr-section mbr-section--relative mbr-section--fixed-size mbr-section--full-height mbr-section--bg-adapted " id="header2-0" style="background-image: url(assets/images/studio2.png);">
<tr>
<td class="table_header" colspan="2"><b><?=$samplepackuploader;?></b> </td>
</tr>
<?If($display_message){?>
<tr>
<td colspan="2" class="message">
<br />
<?=$display_message;?>
<br />
</td>
</tr>
<?}?>
<tr>
<td colspan="2" class="upload_info">
<b>Allowed Types:</b> <?=implode($allow_types, ", ");?><br />
<b>Max file size:</b> <?=$max_file_size?>kb.<br />
</td>
</tr>
<?For($i=0;$i <= 0;$i++) {?>
<tr>
<!-- <td class="table_body" width="80%"><input type="file" name="file[]" size="30" /></td> -->
</tr>
<?}?>
<tr>
<td colspan="2" align="center" class="table_footer">
<div>
<!-- Upload -->
<a href="#" class="mbr-buttons__btn btn btn-lg animated fadeInUp delay btn-default" type="button" name="file[]" onclick="document.getElementById('fileID').click(); return true;">Upload</a> <input id="fileID" name="file[]" multiple="multiple" type="file" style="visibility: hidden; " />
<!-- Confirm -->
<input class="mbr-buttons__btn btn btn-lg animated fadeInUp delay btn-default" type="submit" value=" Confirm " name="submit" />
<!-- Back -->
<a class="mbr-buttons__btn btn btn-lg animated fadeInUp delay btn-default" href="index.html" >Back<a
</a>
</div>
</td>
</tr>
</body>
</form>
<?}//Please leave this here.. it really dosen't make people hate you or make your site look bad.. ?>
<tr>
<td colspan="2" align="center" class="progress">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="50" style="width: 100%;">
<span>HELLO</span>
</div>
</div>
</td>
</tr>
</html>
CSS
body{
padding: 30px;
width: 40%;
}
.progress span{
display: block;
position: absolute;
width: 30%;
}