1

私はこの Drupal のことはちょっと初めてですが、私の苦境を説明するために最善を尽くします。グリッドの周りに境界線があるサイトを編集しています。グリッドの境界線をオフにする方法を見つけました。列 1 と 2 の間に垂直線を 1 つだけ表示し、列 2 と 3 の間に垂直線を 1 つだけ表示しようとしています。2 つの列の片側に境界線を配置するか、列の間に垂直線を置くルールを作成するだけでよいと思います。

いずれにせよ、これを実現するのに十分なほど自分の CSS をよく知りません。

これが私のビューの外観です（グリッドの境界線がオフになっています）：[1]：http: //i.stack.imgur.com/hnNVO.jpg

これが私の現在のstyle.cssコードです。

    .views-view-grid td {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px;
    width: 33%;
    }

    .views-view-grid tr {
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    }

どんな助け、アドバイス、指示も大歓迎です!

4

1 に答える 1

0

これは、すべての<td>要素にborder-rightを与えてから、最後の要素から削除することによって最も簡単に実行できます。

.views-view-grid td {
   border-right: 1px solid black;
}

Drupal は通常、リストなどの最初と最後の要素にクラスを自動的に配置します。これらのクラスを使用して、最後の要素から境界線を削除できます。グリッドを使ったときの挙動はわかりませんが、ビューを使っているのでHTMLのリスト表示も使えます。<li>要素でfloat:leftを使用すると、スクリーンショットと同じように動作します。

現在の設定を維持したい場合は、疑似セレクターを使用してみてください。

.views-view-grid td:last-child {
    border-right: none;
}
于 2012-06-27T10:15:40.863 に答える