Witam, chciałbym uzyskać taki efekt, tzn aby tabele były obok siebie jak na załączonym obrazku, czy odpowiada za to wyśrodkowanie tych tabel? tzn jak chce stworzyć kolejną to obok tej pierwszej na górze to tworzy mi sie ona pod nią a nie obok. Jak mogę to uzyskać?
Można je w dość prosty sposób wyśrodkować jeśli użyjesz do tego display: flex
.table-wrapper {
display: flex;
}
<div class="table-wrapper">
<table>
<tbody>
<tr>
<td>Tabela numer 1</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>Tabela numer 2</td>
</tr>
</tbody>
</table>
</div>
Dzieki, jeszcze pytanie, jak moge umiescic css w mailingu? za każdym razem jak próbuje to zrobić to mi go ucina. Jest na to jakiś sposób
W przypadku szablonów mailingowych frontend zmienia się o 180 stopni z powodu słabego wsparcia wszelkich nowości przez programy pocztowe, bo nie działa tam display: flex, display: grid, często odpadają zapytania @media i wszystko inne. Z rozwiązaniami musimy się cofnąć o jakieś 20 lat wstecz i oprzeć cały szablon o tabelki ze stylami inline
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head></head>
<body>
<table style="...">
<tbody>
<tr>
<td style="...">Nagłówek szablonu, normalnie w tym miejscu znalazłby się znacznik header, nav :P</td>
<tr>
<tr><td>Tutaj zamiast flexboxa mamy kolejny wiersz tabeli</td></td>
<tr>
<td>
<table style="...">
<tbody>
<tr>
<td style="...">Tabela numer 1</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td style="...">Tabela numer 2</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="...">Stopka, czyli odpowiednik footer</td>
</tr>
</tbody>
</table>
</body>
</html>
Tutaj https://www.caniemail.com/ możesz sprawdzić, które programy pocztowe wspierają daną rzecz z css
