0

ページネーションを作成しています。独自の DIV 内に含まれる各ページ番号。

現在、ページ番号はクリック可能です。数字が含まれる DIV 全体をクリック可能にすることはできますか?

ここに私のCSSがあります

#article_pagination{
float: left;
padding: 0px 4px 0px 4px;
margin: 0px 3px 0px 0px;
border: 1px solid #999999;
display:block;
cursor:pointer;
}

#article_pagination:hover{
border: 1px solid #333333;
background-color: #99C0F3;
}

#article_pagination a:hover{
color:#FFFFFF;
}

これが、ページネーション DIV の 1 つに対する私の php/HTML です。

'<div id="article_pagination"><a href="'.$base_url.'/article_view.php?channel='.$channel_view.'&page='.$Next_Page.'">Next >></a></div>'
4

4 に答える 4

1

簡単な方法は、要素div内に配置することです。a

'<a href="'.$base_url.'/article_view.php?channel='.$channel_view.'&page='.$Next_Page.'"><div id="article_pagination">Next &gt;&gt;</div></a>'

コードを有効にするために にも変更>>したことに注意してください。&gt;&gt;

「ちょっと待って、a要素に要素を含めることはできない」と思うかもしれませんdiv。特定の条件下では可能です。基本的に、要素内のa要素にインタラクティブなコンテンツ (リンク、ボタンなど) が含まれていない限り、問題なく動作します。

aインタラクティブなコンテンツが含まれていない限り、 HTML5 が「透明な要素」と呼ぶものとして定義されます。これの意味は：

「透過的」なコンテンツ モデルの部分で必要な要素は、透過的要素が自身を見つける透明な要素の親のコンテンツ モデルの部分で必要な要素と同じです(ソース) 。

于 2013-11-13T12:28:22.257 に答える
0

onclick="window.open('http://yourpage.com','_blank');"div の後に配置します。,'_blank'親で開きたい場合は削除します。また、style="cursor:pointer;cursor:hand;"マウスをポインターに変更する場合は、 でスタイルを設定します。

于 2013-11-18T16:17:56.827 に答える