2012-11-02 20 views
6

Używam klasy z obramowaniem tabeli do stylu tabeli.Granica tabeli-wiersza jest niewidoczna

Jednak w przypadku niektórych wierszy muszę zmienić lewą krawędź komórki tabeli, ale zachowuję wygląd obramowania wokół całej tabeli.

Aby to zrobić, próbowałem zmienić styl lewej komórki tabeli i dodać lewą linię do wiersza tabeli.

Mogę usunąć lewą krawędź komórki tabeli, jednak nowa krawędź lewej krawędzi tabeli jest niewidoczna.

.table tr.topic_row { 
    border-left: 3px solid red; 
} 

.table td.topic_title { 
    border-left: none; 
} 

Można zobaczyć, że table-row granicznych wydaje się być niewidoczny: http://i.stack.imgur.com/M5lsO.png

A przecież powinien być tam: http://i.stack.imgur.com/crMQA.png

Wszelkie porady, w jaki sposób mogę dostać granicę wiersza tabeli być widoczne byłoby bardzo mile widziane :)


Edycja dla wyjaśnienia:

Problem polega na tym, dlaczego nie widać granicy wiersza tabeli. Chociaż powinno tam być, to nie jest.

Odpowiedz

0

Spróbuj stosowania kolor obramowania do pierwszej komórki tabeli w wierszu zamiast wiersz tabeli samego:

.topic_row td:first-child { 
    border-left: 3px solid red; 
} 
+0

Ale muszę komórkę tabeli, aby mieć kolejną granicę . W sumie 2 granice. Muszę więc zastosować obramowanie do obu. Przepraszam, jeśli nie było jasne, kiedy usunąłem granicę komórki tabeli, tak naprawdę chcę dodać do niej również większą ramkę, ale usunąłem ją, aby zademonstrować mój problem z wierszem tabeli. –

1

Spróbuj tego:

.table tr.topic_row td { 
    border-left: 3px solid red; 
} 

.table td.topic_title { 
    border-left: none; 
}