내 HTML 파일에이 코드가 있습니다.
echo "<article class='room-full-width'>";
$room_query = mysql_query("SELECT * FROM roomdetails WHERE hotelname = '".$row['hotelname']."'");
while($room=mysql_fetch_array($room_query)){
echo "<span class='room-details'>";
echo "<span class='room-name'>";
echo $room['roomtype'];
echo "</span>";
echo "<a class='gradient-button' title='Book now' href='hotel.html'>Book now</a>";
echo "</span>";
}
echo "</article>";
그리고 .css 파일에 다음 스타일을 추가합니다.
.room-full-width{
float: left;
margin-bottom: 2%;
margin-top: -2%;
width: 100%;
}
.room-full-width .room-details{
background-color: -moz-buttonhoverface;
float: left;
padding: 1% 2% 0;
width: 90%;
}
.room-full-width .room-details .room-name{
color: #333333;
font-size: 1.6em;
font-weight: bolder;
max-width: 30%;
overflow: visible;
width:29%;
}
.room-full-width .room-details .gradient-button{
bottom: 5px;
float: right;
position: relative;
right: 20px;
}
그러나이 클래스 .room-full-width 는 전혀 작동하지 않습니다. 방화범으로 테스트하면이 클래스도 표시되지 않지만 .room-details
and .room-name
와 같은 다른 클래스는 .gradient-button
모두 잘 작동합니다.
그러나 부모 클래스는 Firebug 자체에 전혀 표시되지 않습니다.
최신 버전의 Firefox를 사용하고 있습니다-HTML5 및 CSS3를 지원합니다.
사용해보십시오
echo "<article class=\"room-full-width\">";
동의하지 않는 작은 따옴표 일 수 있습니다.
또는 더 나은 방법 :
echo '<article class="room-full-width">';
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다