|
 |
| |
รบกวนสอบถามครับ ต้องการทำให้ 2 กล่องนี้อยู่บรรทัดเดียวกัน ต้องทำยังไงครับ (ลองพยายามแล้วครับ) |
| |
 |
|
|
 |
 |
|
ต้องทำยังไงมันถึงอยู่บรรทัดเดียวกันได้ครับ มือใหม่ ลองทุกวิธีที่คิดออกแล้วครับ
โค้ด
Code (PHP)
<div id="contents">
<div id="adbox">
<div class="clearfix">
<div class="login-card">
<h1>Log - in</h1>
<br>
<form>
<input type="text" name="user" placeholder="Username">
<input type="password" name="pass" placeholder="Password">
<a href="index.html"><img src="picforweb/login_bottom.jpg" alt="" width="273" height="37" align="middle"></a>
<a href="index.html"><img src="picforweb/register_bottom.jpg" alt="" width="273" height="37" align="middle"></a>
<a href="index.html"><img src="picforweb/forgotpassword_bottom.jpg" alt="" width="273" height="37" align="middle"></a>
</form>
</div>
<div id="SliderName_2" class="SliderName_2">
<img src="img/1.jpg" width="594" height="382" alt="Demo2 first" title="Demo2 first" usemap="#img1map" />
<div class="SliderName_2Description">Featured model: <strong>Charlize Theron</strong></div>
<img src="img/2.jpg" width="594" height="382" alt="Demo2 second" title="Demo2 second" />
<div class="SliderName_2Description">Featured model: <strong>Charlize Theron</strong></div>
<img src="img/3.jpg" width="594" height="382" alt="Demo2 third" title="Demo2 third" />
<div class="SliderName_2Description">Featured model: <strong>Charlize Theron</strong></div>
<img src="img/4.jpg" width="594" height="382" alt="Demo2 fourth" title="Demo2 fourth" />
<div class="SliderName_2Description">Featured model: <strong>Charlize Theron</strong></div>
</div>
<div id="SliderNameNavigation_2"></div>
<script type="text/javascript">
effectsDemo2 = 'rain,stairs,fade';
var demoSlider_2 = Sliderman.slider({container: 'SliderName_2', width: 594, height: 382,
effects: effectsDemo2,
display: {
autoplay: 3000,
buttons: {hide: true, opacity: 1,
prev: {className: 'SliderNamePrev_2', label: ''},
next: {className: 'SliderNameNext_2', label: ''}},
description: {hide: true, background: '#000000',
opacity: 0.4, height: 50, position: 'bottom'},
}
});
</script>
</div>
</div>
Tag : PHP, HTML/CSS
|
ประวัติการแก้ไข
2014-10-03 01:05:19
|
 |
 |
 |
 |
| Date :
2014-10-03 01:04:32 |
By :
peerasin |
View :
2975 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
<style>
div{
border:1px solid;
}
</style>
<div style="margin:auto;width:500px">
<div style="float:left;width:240px"> กล่อง1 </div>
<div style="float:left;width:240px"> กล่อง2 </div>
</div>
|
| |
|
|
| |
| Date :
2014-10-03 08:53:37 |
By :
gaowteen |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<style type="text/css" media="screen">
#box .boxInner div{
float: left;
border: 1px solid #0000FF;
margin:5px 5px 0 5px;
height: 100px;
}
#list{
float: left;
border: 1px solid gray;
margin: 2px 2px 2px 2px;
}
#list li{
list-style-type: none;
line-height:20px;
}
</style>
<div>
<div id="box">
<div class="boxInner">
<div>
<table>
<tr>
<td>UserName</td>
<td><input type="text"name="name" /></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password"name="password" /></td>
</tr>
</table>
</div>
<div style="width: 200px;">
<p>Picture</p>
<img src="" />
</div>
<div>
<ul id="list">
<li>box1</li>
<li>box2</li>
<li>box3</li>
<li>box4</li>
</ul>
</div>
</div>
</div>
|
| |
|
|
| |
| Date :
2014-10-03 09:13:12 |
By :
banditt |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
