[HTML]PROBLEM Z TABELKĄ Opcje

[@ni@]

Cześć. jestem początkująca w kwestii html. czy ktoś mógłby mi pomóc rozwiązać problem z tabelką?
chciałabym aby tytuł tabelki był oddzielony od reszty linią poziomą, natomiast w reszcie tabelki, żeby tych linii nie było. na razie rozwiązałam to za pomocą dwóch tabelek, jedna po drugiej. na podglądzie w edytorze wygląda w porządku, jednak po otworzeniu za pomocą przeglądarki są "małe niedociągnięcia". rozmiary obu ramek nie są takie same.

[plej]

www.kurshtml.bo.pl
Najlepszy kurs w necie:)

[@ni@]

jak wpisałam ten adres to wyskoczyła biała strona :/

[boro11]

Użyj do tego celu CSS, masz tam możliwości stylowania każdego boku osobno.

[@ni@]

tylko taki mały problem jest, że totalnie nie wiem jak posługiwać się css.. (IMG:style_emoticons/default/sad.gif)
wiem, że trzeba pewnie być totalnym debilem, żeby tego "nie ogarniać", ale najwidoczniej nim jestem.. (IMG:style_emoticons/default/sad.gif)
nie można tego zrobić nie używając css?

a jeśli się nie da inaczej tego zrobić, to czy ktoś byłby tak uprzejmy i napisał kod na przykładową tabelkę z linią oddzielającą tytuł od reszty tabelki a w pozostałej części, żeby nie było linii poziomych?
z góry dziękuję za pomoc

[markonix]

Pokaż jaki masz już kod. Pokaż też (screen) efekt jaki chcesz osiągnąć.
Wyrażenie tytuł tabelki mi nie kojarzy się z żadnym elementem tabeli w HTML.

Kod

<h2>Tytuł tabeli</h2>
<hr />
<table>
...

[plej]

http://www.kurshtml.edu.pl/


masz to ten link sryy:)

Masz tu kurs html dla zielonych kurs css:) sam się z tego html'a uczyłem:) fajnie tłumaczone na bank ci pomoże:)

Ten post edytował plej 22.05.2011, 19:53:31

[@ni@]

to jest początek tabelek


<table align="center" BORDER CELLSPACING=4>
<tr>
<td width="80" align="center" rowspan=2><b>Punkt<br />JZOT</b></td>
<td width="581" align="center" rowspan=2><b>Nazwa obiektu,<br />zakres prac</b></td>
<td align="center" colspan=3><b>Poziomy obsług</td></b>
</tr><tr>
<td width="25"align="center"><b>B</b></td>
<td width="25"align="center"><b>C</b></td>
<td width="25"align="center"><b>P</b></td>
</tr>
</table>
<table rules="cols" ALIGN="center" BORDER CELLSPACING=4>
<tr>
<td width="80" align="center"></td>
<td width="581" align="center"><br /></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
</tr><tr>
<td width="80" align="center"></td>
<td width="581" align="center"><u>Czynności wstępne</u></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
</tr><tr>
<td width="80" align="center"></td>
<td width="581">Przygotować do pracy:</td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
</tr>

w tej pierwszej wstawiłam "tytuły kolumn tabelki" a poniżej początek tabelki, w której bym chciała, żeby nie było limii poziomych

[markonix]

No i wkleiłem i nie mam kresek poziomych pomiędzy kolejnymi wierszami - są tylko pionowe no i kreska kończąca ale to chyba ma być..

Jeśli wklejasz kod to korzystaj z bbcode (html).

Ten post edytował markonix 22.05.2011, 20:00:25

[@ni@]

tak ma być, tylko jak to otwieram za pomocą przeglądarki, to wtedy rozmiary tych dwóch tabelek nie są takie same (IMG:style_emoticons/default/sad.gif)

[markonix]

Ustal na sztywno szerokość za pomocą width np. 800px dla obu tabel. U mnie działa i wygląda dobrze (ale o kodzie nie można tego powiedzieć).

[plej]

tu masz o tabelach wszystko: http://www.kurshtml.edu.pl/html/tabele.html

[@ni@]

wiem, że kod wygląda strasznie.. ale to był jedyny pomysł, jaki mi przyszedł do głowy.

[markonix]

Pomijając sam pomysł. Np. nie musisz za każdym razem powtarzać szerokości komórek - tabela się dostroi.
No i jeśli to nie jest Twój pojedynczy projekt to CSS się przyda troszkę poduczyć.

[@ni@]

tu masz o tabelach wszystko: http://www.kurshtml.edu.pl/html/tabele.html

właśnie z tej strony starałam się dowiedzieć jak zrobić tabelkę, tylko właśnie znalazłam jak zrobić, żeby nie było linii poziomych, ale wtedy po nazwie kolumn też nie ma linii oddzielającej.

Pomijając sam pomysł. Np. nie musisz za każdym razem powtarzać szerokości komórek - tabela się dostroi.
No i jeśli to nie jest Twój pojedynczy projekt to CSS się przyda troszkę poduczyć.

niestety, to jest tylko część.. czyli css mnie nie ominie.. (IMG:style_emoticons/default/sad.gif)
wielkie dzięki

[plej]

poszukaj sobie artykułów na googlach jakiś(IMG:style_emoticons/default/smile.gif) z czasem się nauczysz:) trenigd czyni mistrza:)

[@ni@]

wiem, wiem, z czasem się nauczę.. tylko z tym czasem nieco kiepsko. to ma być część mojej pracy magisterskiej i czas tak mi się nico kończy w okolicach 30 czerwca.. (IMG:style_emoticons/default/sad.gif)

wielkie dzięki za pomoc

[roobik]

cześć
Przygotowałem tak na szybko dwa kody. Może Ci się przyda. Pierwszy taki "skromny", a drugi "nieco lepszy" (IMG:style_emoticons/default/wink.gif)
Celowo napisałem te kody w taki, a nie inny sposób, żebyś widziała o co chodzi w stylach.
TABELKA 1

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
<title>STRONA TESTOWA</title>
<style type="text/css">
table.glowna {
width: 800px; /*szerokosc*/
border-bottom: 1px solid #c8c8c8; /*ramka dolna*/
}
td.a {
width: 80px;
text-align: center;
}
td.b {
width: 581px;
text-align: center;
}
td.cc {
width:90px;
text-align: center;
}
 
td.c {
width: 29px;
text-align: center;
}
 
</style>
</head>
 
<body>
<table class="glowna" align=center>
<tr>
<td class="a"><b>Punkt<br>JZOT</b></td>
<td class="b"><b>Nazwa obiektu,<br>zakres prac</b></td>
<td class="cc"><b>Poziomy obsług</b>
 
 <table style="width: 90px;">
 <tr>
 <td class="c"><b>B</b></td>
 <td class="c"><b>C</b></td>
 <td class="c"><b>P</b></td>
 </tr>
 </table>
 
</td>
</tr>
</table>
 
<table style="width: 800px;" align=center>
<tr>
<td class="a"></td>
<td class="b"><u>Czynności wstępne</u></td>
<td class="c"></td>
<td class="c"></td>
<td class="c"></td>
</tr><tr>
<td class="a"></td>
<td class="b">Przygotować do pracy:</td>
<td class="c"></td>
<td class="c"></td>
<td class="c"></td>
</tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext 

DRUGA TABELKA

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
<title>STRONA TESTOWA</title>
<style type="text/css">
table.glowna {
width: 800px; /*szerokosc*/
border-bottom: 1px solid #c8c8c8; /*ramka dolna*/
}
td.a {
width: 80px;
text-align: center;
}
td.b {
width: 581px;
text-align: center;
}
td.cc {
width:90px;
text-align: center;
}
 
td.c {
width: 29px;
text-align: center;
}
 
</style>
</head>
 
<body>
<TABLE STYLE="BORDER: 1px solid #c8c8c8;" ALIGN=CENTER><TR><TD>
<table class="glowna" align=center>
<tr>
<td class="a"><b>Punkt<br>JZOT</b></td>
<td class="b"><b>Nazwa obiektu,<br>zakres prac</b></td>
<td class="cc"><b>Poziomy obsług</b>
 
 <table style="width: 90px;">
 <tr>
 <td class="c"><b>B</b></td>
 <td class="c"><b>C</b></td>
 <td class="c"><b>P</b></td>
 </tr>
 </table>
 
</td>
</tr>
</table>
 
<table style="width: 800px; border-bottom: 1px solid #c8c8c8;" align=center>
<tr>
<td style="width: 581px; text-align: center;"><u>Czynności wstępne</u><br>Przygotować do pracy:</td>
</tr>
</table>
 
 
<table style="width: 800px;" align=center>
<tr>
<td style="width: 80px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">1</td>
<td style="width: 581px; height: 50px; text-align:center; border-left: 1px solid #c8c8c8; border-bottom: 1px solid 
#c8c8c8;">123</td>
<td style="width: 29px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">2</td>
<td style="width: 29px; height: 50px; text-align:center; border-left: 1px solid #c8c8c8; border-right: 1px solid 
#c8c8c8; border-bottom: 1px solid #c8c8c8;">3</td>
<td style="width: 29px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">4</td>
</tr>
<tr>
<td style="width: 80px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">2</td>
<td style="width: 581px; height: 50px; text-align:center; border-left: 1px solid #c8c8c8; border-bottom: 1px solid 
#c8c8c8;">567</td>
<td style="width: 29px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">7</td>
<td style="width: 29px; height: 50px; text-align:center; border-left: 1px solid #c8c8c8; border-right: 1px solid 
#c8c8c8; border-bottom: 1px solid #c8c8c8;">8</td>
<td style="width: 29px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">9</td>
</tr>
</table>
 
</TD></TR></TABLE>
</body>
</html>
[HTML] pobierz, plaintext 

Jakby co - wal na priv - pomogę (IMG:style_emoticons/default/smile.gif)

[@ni@]

ślicznie dziękuję