Wordpress では、YouTube チャンネル リスト プラグインを使用しています。
うまく機能しますが、ビデオの配置は見栄えがよくありません。実際にBIG動画の下に斜めのリストを表示!
css でこの問題を修正する方法を教えてもらえますか?
ここにページがあります
http://www.snowypeach.com/home/?page_id=1106
ビデオの下に、斜めではなく横に並べたリストが必要です!
Wordpress では、YouTube チャンネル リスト プラグインを使用しています。
うまく機能しますが、ビデオの配置は見栄えがよくありません。実際にBIG動画の下に斜めのリストを表示!
css でこの問題を修正する方法を教えてもらえますか?
ここにページがあります
http://www.snowypeach.com/home/?page_id=1106
ビデオの下に、斜めではなく横に並べたリストが必要です!
<div />
の子としてをネストしました<ul />
。これは無効なマークアップです。<li/>
要素を移動しての子にし<ul />
、 を削除する<div />
と機能します
編集
問題はわかりました。このすべてのコンテンツを<pre/>
タグ内にラップしています。このタグはここでは使用しないでください。削除できない場合は style を追加してwhite-space: normal;
ください。
クロム開発ツール内で要素を移動して空白を削除し、したがって問題を解決して、前の回答をテストしました。
お役に立てれば :)
以下にクラスytc-columns4<ul>
があり、小さなビデオ<li>
タグの配置を制御しています。
<ul class="ytchagallery ytccf ytc-table ytc-td-bottom ytc-columns4">
そのクラスによると、以下のcssは66行目のcssファイルのプラグインによって生成されています
http://www.snowypeach.com/home/wp-content/plugins/youtube-channel-gallery/styles.css?ver=3.4.1
.ytc-columns4 li {
width: calc(100% / 4 + 10px / 3);
}
クラスytc-columns3とytc-columns2を変更しましたが、結果は毎回異なります。プラグインの計算部分がどこにあるのか正確にはわかりません。それ以外の場合は、コードをtweekできます。