Ploneのサイトを中央にして、左右にラインを引く

今日は、Plone研究会でした。皆様お疲れ様でした。さて、CSSの部分で宿題になっていました、左右にラインを引く件ですが、解決しました。border属性の記述方法が間違っていました。#visual-portal-wrapperを修正すればOKです。

#visual-portal-wrapper {
  /* サイトをウィンドウの横中央に配置 */
    margin: 0 auto 0 auto;
    padding: 0;
 /* 左側のラインの設定 */
    border-left: solid 1px black;
 /* 右側のラインの設定 */
    border-right: solid 1px black;
    width: 749px;
}

このサンプルは、サイトの幅を749ピクセルにして、左右中央に配置し、その左右に1ピクセルの黒ラインを引きます。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください