※ 引述《tatsuo769 (fish)》之銘言：
: 想請問各位
: 我是剛接觸CSS的新手
: 我希望可以在網站的top上有banner，這個我可以
: 但是我希望在圖片或是我的site name的右邊可以有一些字或者是textbox
: |---------------------------------------------------------------|
: | |
: | Site name Search -----------button |
: | |
: -----------------------------------------------------------------
: 可是每次都換行變成下面的樣子
: |---------------------------------------------------------------|
: | |
: | Site name |
: | Search -----------button |
: | |
: -----------------------------------------------------------------
: div#banner
: {
: color: #fff;
: background-color: #333;
: border-bottom: 1px solid #000;
: }
: <div id="banner">
: <h1>Site name</h1>
: </div>
: 請問有前輩可以教我嗎?感謝
方法其實不少
這只是其中一種
要了解的就是div, form都屬於block物件
如果沒有透過css去修改位置或display屬性的話
他們一定會在不同行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<style type="text/css">
html, body {
margin: 0;
padding: 0;
}
h1 {
margin: 0;
padding: 0;
color: #fff;
background: #000;
height: 1.5em;
line-height: 1.5em;
text-indent: 0.5em;
}
#search {
position: absolute;
top: 0.75em;
right: 0.5em;
}
</style>
<h1>Site Name</h1>
<form id="search">
<input type="text" />
<input type="submit" />
</form>
--
http://blog.othree.net/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.118.5.39