[繁]格林童話變奏曲03	桃園觀音文林路女子	文化大革命紀實錄像
[繁]關於我轉生變成史	(4月新番)[繁]恰如細	[繁]我的英雄學院 Mem

網頁設計交流

Flash 設計交流

返回列表

查看: 4987|回復: 7

[問題]div分頁製作問題[複製鏈接]

st474ddr 該用戶已被刪除

電梯直達

樓主

發表於 2016-6-6 11:36 PM|只看該作者|倒序瀏覽

若登入不正常或變回訪客狀態，請先刪除COOKIE再登入。

本帖最後由 st474ddr 於 2016-6-6 11:37 PM 編輯

各位大大好
小弟剛學css
但是碰到了一個問題
小弟從往上找到了一個分頁的設計
應該是要長這樣:

但可是小弟的卻呈現出這樣:

請各位大大幫幫我解決這個問題~
CODE會貼在回覆

附件: 你需要登錄才可以下載或查看附件。沒有帳號？註冊

分享0收藏0支持0

若新密碼無法使用，可能是數據未更新。請使用舊密碼看看。

使用道具檢舉

st474ddr 該用戶已被刪除

頭香

發表於 2016-6-6 11:37 PM|只看該作者

上傳頭像立即獲得 1 點積分。

本帖最後由 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>
...

瀏覽完整內容，請先註冊或登入會員

若新密碼無法使用，可能是數據未更新。請使用舊密碼看看。

使用道具檢舉

chengpocheng

高級幼兒生(30/200)

Rank: 1

帖子: 189
積分: 118 點
潛水值: 6980 米

3樓

發表於 2016-6-9 05:08 PM|只看該作者

如果發覺自己無法使用一些功能或出現問題，請按重新整理一次，並待所有網頁內容完全載入後5秒才進行操作。

可以請你把page.css這隻檔案也貼上來嗎?
不然我無法得知問題在哪，感謝

回覆中加入附件並不會使你增加積分，請使用主題方式發佈附件。

使用道具檢舉

st474ddr 該用戶已被刪除

4樓

發表於 2016-6-11 11:47 PM|只看該作者

升級為尊貴會員或贊助會員，讓你擁有自由、暢通無阻、應有盡有及所有資源任你使用的無窮快感。

@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;
...

瀏覽完整內容，請先註冊或登入會員

升級為尊貴會員或贊助會員，讓你擁有自由、暢通無阻、應有盡有及所有資源任你使用的無窮快感。

使用道具檢舉

chengpocheng

高級幼兒生(30/200)

Rank: 1

帖子: 189
積分: 118 點
潛水值: 6980 米

5樓

發表於 2016-6-13 03:54 PM|只看該作者

分享使你變得更實在，可以使其他人感到快樂，分享是我們的動力。今天就來分享你的資訊、圖片或檔案吧。

本帖最後由 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 該用戶已被刪除

6樓

發表於 2016-6-14 12:35 AM|只看該作者

若瀏覽伊莉的時侯發生問題或不正常情況，請使用Internet Explorer(I.E)。

本帖最後由 st474ddr 於 2016-6-14 12:40 AM 編輯

感謝大大，但若我想要顯示中間很多頁變成...的形式

像這樣應該要如何設計呢?
一樣是用CSS+HTML就寫的出來嗎??

附件: 你需要登錄才可以下載或查看附件。沒有帳號？註冊

若登入不正常或變回訪客狀態，請先刪除COOKIE再登入。

使用道具檢舉

chengpocheng

高級幼兒生(30/200)

Rank: 1

帖子: 189
積分: 118 點
潛水值: 6980 米

7樓

發表於 2016-6-14 03:40 PM|只看該作者

若登入不正常或變回訪客狀態，請先刪除COOKIE再登入。

在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>

複製代碼

結果如下圖，不知道是不是你要的

...

瀏覽完整內容，請先註冊或登入會員

附件: 你需要登錄才可以下載或查看附件。沒有帳號？註冊

如果發覺自己無法使用一些功能或出現問題，請按重新整理一次，並待所有網頁內容完全載入後5秒才進行操作。

使用道具檢舉

st474ddr 該用戶已被刪除

8樓

發表於 2016-6-16 10:32 PM|只看該作者

若瀏覽伊莉的時侯發生問題或不正常情況，請使用Internet Explorer(I.E)。

chengpocheng 發表於 2016-6-14 03:40 PM
下載: 訪客無法瀏覽下載點，請先註冊或登入會員

在page.css加入然後在html裡面分項區塊改成結果如下圖，不知道是不是你要的

真的是太感謝大大了
再問一下那如果我假設有20頁
...

瀏覽完整內容，請先註冊或登入會員

附件: 你需要登錄才可以下載或查看附件。沒有帳號？註冊

若瀏覽伊莉的時侯發生問題或不正常情況，請使用Internet Explorer(I.E)。

使用道具檢舉

返回列表

Archiver|手機版|廣告|聯絡我們|廣告查詢|廠商合作|伊莉

GMT+8, 2024-4-20 10:24 PM

重要聲明：本討論區是以即時上載留言的方式運作，對所有留言的真實性、完整性及立場等，不負任何法律責任。而一切留言之言論只代表留言者個人意見，並非本網站之立場，用戶不應信賴內容，並應自行判斷內容之真實性。於有關情形下，用戶應尋求專業意見(如涉及醫療、法律或投資等問題)。由於本討論區受到「即時上載留言」運作方式所規限，故不能完全監察所有留言，若讀者發現有留言出現問題，請聯絡我們。有權刪除任何留言及拒絕任何人士上載留言，同時亦有不刪除留言的權利。切勿上傳和撰寫侵犯版權(未經授權)、粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論，敬請自律。本網站保留一切法律權利。