Forum PHP.pl > [css] Obramowanie prawej strony kolumny tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] Obramowanie prawej strony kolumny tabeli

puz219

2.12.2007, 22:08:45

Witam.

Chciałbym zrobić w tabelce obramowanie widoczne tylko z prawej strony kolumny.

do <td> dodałem taki kod stylu

[XML] pobierz, plaintext 
style="border-collapse: collapse; border: 1px; border-right-style: dotted; border-right-width: 1px; border-right-color: #808080;"
[XML] pobierz, plaintext

Tyle, że w IE 7 działa, a pod FF nie, tzn tabela nie ma obramowanie.

Jak rozwiązać ten problem?

Proszę o pomoc, pozdrawiam

JaRoPHP

3.12.2007, 08:31:02

Wstawiłem Twój kod i działa zgodnie z oczekiwaniem - kolumny mają obramowanie z prawej strony.

[HTML] pobierz, plaintext 
td {
	border-collapse: collapse;
	border-right: 1px dotted #808080;
}
[HTML] pobierz, plaintext

puz219

3.12.2007, 09:45:03

nie ma szans, nie może działać. już z 5 razy to przestawiałem i dalej w IE działa, a w FF nie.

mam tak, w sekcji <HEAD>

[HTML] pobierz, plaintext 
<head>
<style type="text/css">
td#tv_menu {
border-collapse: collapse;
border-right: 1px dotted #808080;
}
</style>
</head>
[HTML] pobierz, plaintext

i w miejscu, w którym chcę, żeby tabela miała prawe obramowanie:

[HTML] pobierz, plaintext 
<td id="tv_menu" width="200" height="300" valign="top">
[HTML] pobierz, plaintext

i NIE DZIAŁA za cholerę. Nie wiem co jest, skoro tobie działa, na pewno sprawdzałeś to pod FF?

JaRoPHP

3.12.2007, 10:08:29

Kilka spraw:
- w dokumencie może być tylko jeden ten sam id (więc komórki tabeli nie powinny mieć tego samego id), ale pomimo tego błędu w FF też działa,
- używam FF, więc na pewno na tym sprawdzałem

[HTML] pobierz, plaintext 
<html>
<head>
<title>:)</title>
<style type="text/css" media="all">
td.tv_menu {
	border-collapse: collapse;
	border-right: 1px dotted #808080;
}
</style>
</head>
<body>
<table>
<tr>
<td class="tv_menu">1</td>
<td class="tv_menu">2</td>
<td class="tv_menu">3</td>
<td class="tv_menu">4</td>
</tr>
<tr>
<td class="tv_menu">1</td>
<td class="tv_menu">2</td>
<td class="tv_menu">3</td>
<td class="tv_menu">4</td>
</tr>
</body>
</html>
[HTML] pobierz, plaintext

puz219

3.12.2007, 13:05:44

no to nie wiem, zrobiłem tak jak ty, skopiowałem twój kod, nadałem klasy <td> i dalej nic.

Nie wiem, nie chce mi się już kombinować, rozwiązałem ten problem w inny sposób, mianowicie, jak by to kogoś interesowało.

Stworzyłem obrazek 1x2 piksele, połowę, czyli 1px dałem na szaro, a drugi na biało, a w tabeli stworzyłem nową kolumnę, i ustawiłem ten obrazek jako jej tło. Może nie praktyczne, ale przynajmniej działa.

[HTML] pobierz, plaintext 
<td width="1" height="100%" background="images/kropka.jpg">...</td>
[HTML] pobierz, plaintext

sraka_praptaka

3.12.2007, 13:27:57

A nie możesz po prostu dla całej tabeli przypisać stylu?

[HTML] pobierz, plaintext 
table {
border-right: 1px red solid;
}
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.