Wyrównanie do "tytułów"

Question

Hej, witam z jakże gorącego wczesnego popołudnia. Mam kolejny problem, http://prntscr.com/81uwdj

To zdjęcie mówi samo za siebie, jak wyrównać informacje generowane z bazy do tych "tytułów"

<thead>
<tr>
<th class="text-center">Skin</th>
<th class="text-center">Nick</th>
<th class="text-center">Powód</th>
<th class="text-center">Banujący</th>
</tr>
</thead>

 

<tr>
<td><?php echo "<img src='https://mcapi.ca/avatar/2d/" . $row['name'] . "/25' style='margin-bottom:5px;margin-right:5px;border-radius:2px;' />";?></td>
<td><?php echo $row['name'];?></td>
<td style="width: 10%;"><?php echo $row['reason'];?></td>
<td><?php echo "<img src='https://mcapi.ca/avatar/2d/" . $row['banner'] . "/25'  style='margin-bottom:5px;margin-right:5px;border-radius:2px;' />" . $row['banner'];?></td>
</tr>

 

Answer 1

No skoro tytuły są centrowane (text-align: center), to centruj też zawartość komórek <td>

Comments

dzięki za pomoc :)

---

pojawił się jeszcze mały problem http://i.imgur.com/7za1xch.png

pozycje nie są równo pod sobą

---

No oczywiście, że nie są, ponieważ mają różną szerokość. Ich środki są pod sobą, ale krawędzie się nie pokrywają.

Najprostszy sposób aby to zrobić, to rozdzielić komórkę z avatarem i nickiem na dwie podkomórki. A właściwie to na dwie komórki i ustawić, aby komórka nagłówka zajmowała szerokość dwóch komórek (atrybut colspan)

---

:o może troszke jaśniej? :o

---

http://www.kurshtml.edu.pl/html/laczenie_komorek,tabele.html

Ciebie interesuje poziome łączenie komórek. Jeśli avatar i nick wrzucisz do oddzielnych komórek (<td>), to będziesz miał równo ustawione avatary (bo mają taki sam rozmiar), a nicki będą wycentrowane (no tekst ma różny długość, więc albo centrujesz, albo ustawisz je do lewej i wtedy lewa krawędź tekstu będzie się porkywała). Jeszcze musisz ustawić, aby komórka nagłówka obejmowała te dwie komórki (zarówno komórkę avatara i komórkę nicku), więc musisz ustawić dla komórki nagłówka colspan="2". Zapoznaj się z linkiem i pierwszym przykładem łączenia poziomego.

---

nadal nie kumam, ale okej :)

---

To zrób, co napisałem, zobacz co wyjdzie i powiedz, czy Ci tak pasuje i ew. czego oczekujesz dalej. Nauka przez praktykę.

---

zrobiłem tak jak napisałeś i tak jak było w tym linku i wszystko się zlało na jedną strone i uciekły avatary

---

Pokaż kod, pewnie coś zrobiłeś źle, albo niedopracowałeś szczegółów. Ja podałem tylko ideę rozwiązania.

---

<tr>
<table>
<tr>
<td colspan="2">
<td text-align: center><?php echo "<img src='https://mcapi.ca/avatar/2d/" . $row['name'] . "/25' style='margin-bottom:5px;margin-right:5px;border-radius:2px;' />";?></td>
<td text-align: center style="width: 0%;"><?php echo $row['name'];?></td>
</td>
</tr>
</table>
<td text-align: center style="width: 0%;"><?php echo $row['reason'];?></td>
<td text-align: center><?php echo "<img src='https://mcapi.ca/avatar/2d/" . $row['banner'] . "/25'  style='margin-bottom:5px;margin-right:5px;border-radius:2px;' />" . $row['banner'];?></td>
</tr>

 

---

Czy Ty w ogóle widzisz, co Ty napisałeś? To w ogóle nie jest struktura tabeli.

<tr> to wiersz. Ty w wiersz wrzuciłeś całą tabelę. Następnie zakończyłeś ją przedwcześnie, ponieważ dalej masz jeszcze komórki. I jakby tego było mało, to do środka tagu <td> wrzuciłeś jakieś "text-align:center", które jak coś, to powinno być w style="", bo to CSS. Wróć do podstaw HTML i podstaw struktury tabeli. Interpretuj i czytaj to, co piszesz w kodzie. Tak, to da się czytać, normalnie jak książkę. Jeśli mi powiesz, że Twój kod ma jakiś sens, to spadnę z krzesła. Przerób tę tabelę tak, żeby była w ogóle tabelą.

---

tak? powiedz gdzie robie błąd, naprawie albo postaram sie naprawić to sam

<tr>
<table>
<tr>
<td class="text-center"><?php echo "<img src='https://mcapi.ca/avatar/2d/" . $row['name'] . "/25' style='margin-bottom:5px;margin-right:5px;border-radius:2px;' />".$row['name'];?></td>
<td class="text-center" style="width: 0%;"><?php echo $row['reason'];?></td>
<td class="text-center"><?php echo "<img src='https://mcapi.ca/avatar/2d/" . $row['banner'] . "/25'  style='margin-bottom:5px;margin-right:5px;border-radius:2px;' />" . $row['banner'];?></td>
</tr>
</td>
</tr>

 

---

Wrzuć kod na serwis http://paste.ofcode.org/, bo tutaj się coś zdrowo pierdzieli z wyświetlaniem i raz mi wyświetla inny kod od Ciebie, a raz inny.

Masz tabelę wewnątrz wiersza, zamiast wiersz wewnątrz tabeli. Struktura tabeli zawsze wygląda tak:

Tabela <table> - w tabeli są wiersze <tr> - w wierszach są komórki <td>

I jest tak zawsze. Jeśli Twoja struktura tabeli tak nie wygląda, to nie będzie działać.

---

tamta strona mi nie działała masz tu: http://pastebin.com/YmpHnt8M

---

Dobra, nie mam siły. Ja Ci to zrobię, tylko sobie porównaj rozwiązanie po prostu.

http://paste.ofcode.org/LFkBHXa6f68sFbjiDwfXKm

Pisane z palca i nie sprawdzane, ale na oko nie ma błędu.

---

tak wygląda cały kod: http://paste.ofcode.org/3b27nMitAWEBcehxcDrz3rr

a tak wygląda efekt: http://prntscr.com/81w8fn

---

Co Ty robisz na litość boską... widzisz swój kod, czy nie? Zadałem Ci to pytanie wcześniej, ale widzę, że nadal masz cholerny problem, że nie widzisz swojego kodu. Czemu wrzuciłeś moją tabelę w kolejną tabelę (i to nie jedną, w dwie!). Wybacz, ja się poddaję. Tobie całkowicie brakuje podstaw HTML i pisania kodu ogólnie.