1
스타일 목록에 표시하려고하는 데이터베이스에 몇 개의 이미지가 저장되어 있습니다. 아이디어는 PHP 코드가 스타일이 지정된 <div> 요소 안에 목록을 생성하는 데이터베이스의 이미지를 호출 할 때입니다 ... 불행히도 이것은 사실이 아닙니다. 목록이 생성 중이지만 내 스타일을 따르지 않고 이미지가 표시되지 않습니다.php와 css로 스타일 목록에 MySQL 데이터베이스에 저장된 이미지 표시
이미지가 너비와 높이가있는 페이지의 테두리를 보여 주지만 중앙에 파일 아이콘이 누락되어 있습니다 ... 데이터베이스에 갈 때 파일 이름이 분명하고 모든 것이 있습니다. 나는 file_display.php? ID 이미지가 표시되는 URL의 끝에 = 1 ...
이미지
테이블이 LONGBLOG 데이터 를 제외 더불어, JPEG 형식으로 데이터베이스에 저장됩니다 입력 할 경우에도.template_container {
width: 100%;
height: auto;
border-top: 1px solid #e8e8e8;
margin: 75px auto 25px auto;
padding-top: 25px;
}
.template_container h2 {
font-family: 'Podkova', serif;
font-size: 58px;
line-height: 66px;
color: #2d9dc8; font-weight: normal;
text-transform: uppercase;
letter-spacing: -2px;
text-align: center;
margin-bottom: 50px;
}
.template_container ul li {
list-style-type: none;
display: inline;
text-align: center;
zoom:1;
*display:inline;
}
.template_container ul { vertical-align: inherit; }
.template_container li { margin-left: 25px;}
.template_container img {
width: 180px;
margin-bottom: 50px;
box-shadow: 0px 0px 10px #888;
-moz-box-shadow: 0px 0px 10px #888;
-webkit-box-shadow: 0px 0px 10px #888;
-khtml-box-shadow: 0px 0px 10px #888;
}
a.caption {
position: relative !important;
}
a.caption span {
background: #000;
background: rgba(0,0,0,0.8);
color: white !important;
display: none;
padding: 5px 10px !important;
text-align: center;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
}
a.caption:hover {
text-decoration: none;
}
<div class="template_container">
<h2>Templates</h2>
<ul style="margin: 0 50px;">
<?php
// Grab the data
$sql = "select * from templates";
$result = mysql_query($sql) or die ("Could not access DB: " . mysql_error());
while ($row = mysql_fetch_assoc($result))
{
echo "<li>";
echo "<a class=\"caption" . "href=\"cart.php?id=<?=" . $row['id'] . "&action=add>";
echo "<img src=\"http://URL-REMOVED.com/file_display.php?id=<?=" . $row['id'] . "\" alt=\"\" /><br />";
echo "<span>";
echo "<big>" . $row['name'] . "<br />";
echo $row['description'];
echo "</span>";
echo "</li>";
}
?>
</ul>
</div>
되고 : 여기
은 이미지를 얻고 목록에 표시하려면 코드입니다210
목록 항목 내에 <a class="caption"> 및 <span> 요소에 대해 궁금한 사람들은 마우스를 가리키는 javascript가 있습니다.
UPDATE : 내 스타일 문제를 파악, 나는 엉망와 링크를 닫습니다 잊고 실수로 그렇게 목록이 인라인 아니었다 만들기, 이미지 태그의 끝에 <br />을 추가했다.
그러나 나는 아직도의 솔루션을 찾고 ... 여전히 내 이미지를 볼 수 없습니다입니다 ...
이전 mysql 함수 대신에 PDO 또는 mysqli를 사용하십시오. – SomeKittens