st474ddr 該用戶已被刪除 | 所有積分大於負-100的壞孩子,將可獲得重新機會成為懲罰生,權限跟幼兒生一樣。 本帖最後由 st474ddr 於 2016-6-6 11:37 PM 編輯
各位大大好
小弟剛學css
但是碰到了一個問題
小弟從往上找到了一個分頁的設計
應該是要長這樣:
但可是小弟的卻呈現出這樣:
請各位大大幫幫我解決這個問題~
CODE會貼在回覆
|
附件: 你需要登錄才可以下載或查看附件。沒有帳號?註冊 |
如果你忘記伊莉的密碼,請在登入時按右邊出現的 '找回密碼'。輸入相關資料後送出,系統就會把密碼寄到你的E-Mail。 |
| |
| |
st474ddr 該用戶已被刪除 | 若有安裝色情守門員,可用無界、自由門等軟件瀏覽伊莉。或使用以下網址瀏覽伊莉: http://www.eyny.com:81/index.php 本帖最後由 st474ddr 於 2016-6-6 11:38 PM 編輯
CODE如下:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="page.css">
</head>
<body>
<div id="container">
<div id="headbox"><h2>公告系統</h2></div> ... |
|
若瀏覽伊莉的時侯發生問題或不正常情況,請使用Internet Explorer(I.E)。 |
| |
| |
- 最後登錄
- 2022-5-7
- 在線時間
- 1 小時
- 註冊時間
- 2014-10-7
- 閱讀權限
- 20
- 精華
- 0
- UID
- 14915321
- 帖子
- 189
- 積分
- 118 點
- 潛水值
- 6980 米
| 可以請你把page.css這隻檔案也貼上來嗎?
不然我無法得知問題在哪,感謝 |
|
|
| |
| |
st474ddr 該用戶已被刪除 | @charset "utf-8";
/* CSS Document */
div#wrapper {
position: relative;
width: 500px;
margin: 0 auto;
}
div.pagination.scott {
padding:3px;
margin:3px;
text-align:center;
}
div.pagination.scott a {
padding: 2px 5px 2px 5px;
margin-right: 2px; ... |
|
如果瀏覽伊莉時速度太慢或無法連接,可以使用其他分流瀏覽伊莉,www01.eyny.com(02,03)。 |
| |
| |
- 最後登錄
- 2022-5-7
- 在線時間
- 1 小時
- 註冊時間
- 2014-10-7
- 閱讀權限
- 20
- 精華
- 0
- UID
- 14915321
- 帖子
- 189
- 積分
- 118 點
- 潛水值
- 6980 米
| 本帖最後由 chengpocheng 於 2016-6-13 03:59 PM 編輯
由於<ul> tag 預設會出現標題的原點
我猜格式是因為這樣才會跑掉
因此在page.css裡面加上這一段,就能達成你要的效果 (隱藏標題原點)- div.pagination.scott li{
- display:inline;
- }
複製代碼
結果如下圖
...
|
附件: 你需要登錄才可以下載或查看附件。沒有帳號?註冊 |
若有安裝色情守門員,可用無界、自由門等軟件瀏覽伊莉。或使用以下網址瀏覽伊莉: http://www.eyny.com:81/index.php |
| |
| |
st474ddr 該用戶已被刪除 | 本帖最後由 st474ddr 於 2016-6-14 12:40 AM 編輯
感謝大大,但若我想要顯示中間很多頁變成...的形式
像這樣應該要如何設計呢?
一樣是用CSS+HTML就寫的出來嗎??
|
附件: 你需要登錄才可以下載或查看附件。沒有帳號?註冊 |
若有安裝色情守門員,可用無界、自由門等軟件瀏覽伊莉。或使用以下網址瀏覽伊莉: http://www.eyny.com:81/index.php |
| |
| |
- 最後登錄
- 2022-5-7
- 在線時間
- 1 小時
- 註冊時間
- 2014-10-7
- 閱讀權限
- 20
- 精華
- 0
- UID
- 14915321
- 帖子
- 189
- 積分
- 118 點
- 潛水值
- 6980 米
| 分享使你變得更實在,可以使其他人感到快樂,分享是我們的動力。今天就來分享你的資訊、圖片或檔案吧。 在page.css加入- div.pagination.scott li.more
- {
- margin-right: 2px;
- color: #638425;
- }
複製代碼 然後在html裡面分項區塊改成- <div class="pagination scott">
- <ul>
- <li class="disabled">第一頁</li>
- <li class="disabled">上一頁</li>
- <li class="current">1</li>
- <li><a href="">2</a></li>
- <li><a href="">3</a></li>
- <li><a href="">4</a></li>
- <li><a href="">5</a></li>
- <li class="more">...</li>
- <li><a href="">下一頁</a></li>
- <li><a href="">最後一頁</a></li>
- </ul>
- </div>
複製代碼 結果如下圖,不知道是不是你要的
... |
附件: 你需要登錄才可以下載或查看附件。沒有帳號?註冊 |
|
| |
| |
st474ddr 該用戶已被刪除 | chengpocheng 發表於 2016-6-14 03:40 PM
在page.css加入然後在html裡面分項區塊改成結果如下圖,不知道是不是你要的
真的是太感謝大大了
再問一下 那如果我假設有20頁 ... |
附件: 你需要登錄才可以下載或查看附件。沒有帳號?註冊 |
所有積分大於負-100的壞孩子,將可獲得重新機會成為懲罰生,權限跟幼兒生一樣。 |
| |
| |
Powered by Discuz!
© Comsenz Inc.
重要聲明:本討論區是以即時上載留言的方式運作,對所有留言的真實性、完整性及立場等,不負任何法律責任。而一切留言之言論只代表留言者個人意見,並非本網站之立場,用戶不應信賴內容,並應自行判斷內容之真實性。於有關情形下,用戶應尋求專業意見(如涉及醫療、法律或投資等問題)。 由於本討論區受到「即時上載留言」運作方式所規限,故不能完全監察所有留言,若讀者發現有留言出現問題,請聯絡我們。有權刪除任何留言及拒絕任何人士上載留言,同時亦有不刪除留言的權利。切勿上傳和撰寫 侵犯版權(未經授權)、粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論,敬請自律。本網站保留一切法律權利。