Pomoc przy tabeli

pytanie zadane 26 września 2015 w HTML i CSS przez verlix6 Nowicjusz (150 p.)
zamknięte 27 września 2015 przez verlix6

Witam jestem początkujący z HTML i mam problem ze stworzeniem pewnej tabeli.

Otóż nie wiem jak poradzić sobie, aby środkowy wiersz był podzielony na pół. W 1 wierszu scalam 3 komórki w 1 ale co zrobić w 2?

Mi wychodzi coś takiego dalej nie wiem co robić.

<table border="1" align="center" width="400px" height="200px">
		<tr>
			<td colspan="3">Komórka</td>
		</tr>
		
		<tr>
			<td>Komórka</td>
			<td>Komórka</td>
		</tr>
		
		<tr>
			<td>Komórka</td>
			<td width="50%">Komórka</td>
			<td>Komórka</td>
		</tr>

</table>

Z góry dziękuje za pomoc!

komentarz zamknięcia: Rozwiązane

5 odpowiedzi

odpowiedź 26 września 2015 przez Patrycjerz Mędrzec (192,320 p.)

Zrób tak:

W środkowym wierszu ustaw sobie szerokość komórek na 50%, a tych dolnych wg uznania, tylko żeby było razem mniej więcej 100%, np. po 33.3%.

komentarz 26 września 2015 przez verlix6 Nowicjusz (150 p.)

Wielkie dzięki nie pomyślałem, że tak można zrobić.

komentarz 26 września 2015 przez Patrycjerz Mędrzec (192,320 p.)

Programowanie opiera się na szukania różnych dróg rozwiązania danego problemu. Moim zdaniem nie było to zbyt trudne do zauważenia Pozdrawiam!

odpowiedź 26 września 2015 przez Darellur Nowicjusz (220 p.)

odpowiedź 27 września 2015 przez Krzysztof Wielgat Nowicjusz (220 p.)
edycja 27 września 2015 przez Krzysztof Wielgat

Jeśli bez znaczenia jest Tobie grubość ramki to po prostu stwórz 3 tabele ;-))

<table border="1" align="center" width="400" height="66">
        <tr>
            <td>Komórka</td>
        </tr>
</table>
<table border="1" align="center" width="400" height="66">
        <tr>
<td width ="200">Komórka</td>
<td width ="200">Komórka</td>
        </tr>
</table>
<table border="1" align="center" width="400" height="66">
        <tr >
            <td width ="133" >Komórka</td>
            <td width ="133" >Komórka</td>
            <td width ="133" >Komórka</td>
        </tr>
</table>

Tutaj kod jeśli chcesz usunąć górną ramkę w 2 i 3 tabeli (możesz też podnieść tabele 2 i 3 o 1 px i się ramki nałożą):

<table border="1" align="center" width="400" height="66">
        <tr>
            <td>Komórka</td>
        </tr>
 </table>
<table border="1" align="center" width="400" height="66">
        <tr>
<td style="border-top-width: 0" width ="200">Komórka</td>
<td style="border-top-width: 0" width ="200">Komórka</td>
        </tr>
 </table>
<table border="1" align="center" width="400" height="66">
        <tr >
            <td style="border-top-width: 0" width ="133" >Komórka</td>
            <td style= "border-top-width: 0" width ="133" >Komórka</td>
            <td style="border-top-width: 0" width ="133" >Komórka</td>
        </tr>
</table>

Możesz też dać szerokość na odpowiednio: 1x 420/ 2x 210/ 3x 140 to będą co do jednego pixa

odpowiedź 26 września 2015 przez event15 Szeryf (93,790 p.)

O ile pamiętam to przy td trzeba walnąć atrybut colspan

komentarz 26 września 2015 przez verlix6 Nowicjusz (150 p.)

Zrobiłem tak w 1 wierszu. W 2 się tak chyba nie da bo musze mieć 2 komórki czyli wychodzi na to, że musiałbym połączy 1.5 komórki.

odpowiedź 27 września 2015 przez event15 Szeryf (93,790 p.)

To zrób sobie to na divach. I poczytaj o flexbox :)

komentarz 27 września 2015 przez event15 Szeryf (93,790 p.)

Jak ktoś minusuje to niech ma jaja, żeby powiedzieć czemu to zrobił.

Tak swoją drogą moje rozwiązanie jest dużo lepsze niż tworzenie tabeli, chyba że konieczne jest jej użycie. Chyba, że ktoś ma inne zdanie ;)