Hallo,
ich bin absoluter HTML-Beginner und bearbeite das HTML meiner Shopify-Seite.
Ich habe eine Tabelle programmiert und will den Inhalt der Zellen in Boxen darstellen.
Damit die "Boxen" auch voneinander abgegrenzt sind, will ich mit cellspacing arbeiten um die Gitternetzlinien der Tabelle zu verdicken um so mein optisches Ziel zu erreichen.
Problem:
In der Bearbeitung wird mein cellspacing/padding ausgespielt, dann in der Preview-Ansicht auf meiner Webseite nicht.
Ich vermute, dass ich die Breite der ganzen Tabelle anders definieren muss, da sie sich sonst voll ueber die Seite ausbreitet.
mein code:
<table style="border: 0; width=70%; empty-cells: hide;"></table>
<h1 style="text-align: center;"></h1>
<table border="0" width="600px" cellspacing="30" cellpadding="50">
<tbody>
<tr align="center" valign="top">
<td style="border: 2px solid grey; width: 20%; text-align: top;">
<h1 style="text-align: center;">Ordering</h1>
<p style="text-align: center;"> </p>
<p style="text-align: center; font-size: 15px;"> </p>
</td>
<td style="border: 2px solid grey; width: 20%; text-align: top;">
<h1 style="text-align: center;">Shipping</h1>
<p> </p>
<p style="text-align: center; font-size: 15px;"> </p>
</td>
<td style="border: 2px solid grey; width: 20%; text-align: top;">
<h1 style="text-align: center;">Returns</h1>
<p> </p>
<p style="text-align: center; font-size: 15px;"> </p>
</td>
</tr>
</tbody>
</table>
bilder:
(1) ansicht im seiteneditor
(2) preview der seite
ich bin dankbar fuer jeden tipp!