ช่วยด้วยครับ
ผมอยากได้แบบนี้ครับ แต่ในภาพนี้ตรง entry ผมต้องเคาะ enter จนสุดหน้า
ถ้าไม่มี enter จะทับกันแบบนี้ครับ
เหมือนว่าตรง entry มันไม่สูงตามไปด้วย ทำยังไงดีครับ
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#pic {
margin: 0px 20px 0 0;
border: 1px solid #999;
position: relative;
padding: 10px;
float: left;
display:block;
clear:both;
height:auto;
}
.post {
}
.post .title {
margin: 0;
border-bottom: 1px dashed #D6C9BF;
margin-top: 15px;
font: 20px tahoma;
color: #737373;
}
.post h2.title {
height: 40px;
font-size: 2.4em;
padding: 0px 0px 5px 0px;
margin: 20px 50px 0px 10px;
}
.post p {
font: 12px tahoma;
color: #737373;
padding-left: 0px;
padding-right: 20px;
}
.entry {
height:auto;
font:tahoma;
font-size:12px;
margin: 0px;
padding: 10px 10px;
clear:both
}
.meta {
height: 35px;
padding: 15px 0 0 30px;
background: url(images/post_icon.gif) no-repeat left;
background-position: 10px;
position:relative;
}
#wrap
{
width: 500px;
position:relative;
float:left;
}
-->
</style>
</head>
<body>
<div id="wrap">
<div class="post">
<h2 class="title">หัวข้อข่าว</h2>
<div class="entry">
<div id="pic"><img src="http://www.varasarn.net/wp-content/uploads/2009/09/rn.jpg" alt="rn" width="150" height="150" /></div>
<p>หลังจากที่มีน้องๆให้ความสนใจกันมากมาย นับในบอร์ดได้ 2 คนถ้วน
ค่ายรังนกครั้งที่ 3 ก็ได้เริ่มเปิดรับสมัครแล้ว </p>
</div>
<div class="meta">Filed under: หมวด | Posted on 12-12-2009 by layiji | เม้น 20 </div>
</div>
<div class="post">
<h2 class="title">หัวข้อข่าว</h2>
</div>
</div>
</body>
</html>
