パンくずについて

2017年6月15日 at 16:15

オートナビブロックのカスタムテンプレートを「パンくず」にしているのですが、
並列にならず2行で表示されます。

【default.php】
<div id="navigation">
<?php
$a = new GlobalArea('Breadcrumbs');
$a->display();
?>
</div>


【CSS】
div#navigation{
background-image:url(000.png);
background-repeat:repeat;
font-size:10px;
}
※Breadcrumbsエリアには背景に画像、文字サイズも10pxで表示されています

▼ブロック
ページ表示順:サイトマップ順
オートナビ開始階層:トップから
子ページ:パンくずリスト形式で表示
階層の深さ:開始レベルから現在のレベル

▼ファイルの階層
HOME
 Lイベント

▼希望パンくずの表示
HOME(リンク有) > イベント

▼表示されるパンくずの表示
HOME(リンク有)
イベント

▼各バージョン
concrete5:8.1.0
XAMPP:windowsを使用
PHP version:5.6.30

以上、宜しくお願い致します。[quote][/quote]

タグ: パンくず

Re: パンくずについて

2017年6月16日 at 10:42
HTML上ではulでマークアップされていますので、CSSで横向けにする必要があります。

サンプル
http://www.w3schools.com/howto/howto_css_breadcrumbs.asp
 

Re: パンくずについて

2017年6月16日 at 16:19
ご返信ありがとうございます。

CSSに追記したら、横並びにできました。
本当にありがとうございました。