Heyho,
Ich habe ein kleines Problem und zwar habe ich eine Tabelle mit mehren Produkte dieser beinhaltet 4 Tds
Icon, Name, Preis, Bestell Button.
Wenn ich die Seite etwas minimiere fängt er an das table zu quetschen sobald ich allerdings mobil oder sie stark Minimire zeigt er mir diese untereinander an nun ist meine Frage wie kann ich es einstellen das ich selbst bestimmen kann ab wann er runter geht dachte mir ab max-width: 1200px
Code der Tabelle
vielen Dank schon einmal für eure Hilfe.
Gruß Kent94
Ich habe ein kleines Problem und zwar habe ich eine Tabelle mit mehren Produkte dieser beinhaltet 4 Tds
Icon, Name, Preis, Bestell Button.
Wenn ich die Seite etwas minimiere fängt er an das table zu quetschen sobald ich allerdings mobil oder sie stark Minimire zeigt er mir diese untereinander an nun ist meine Frage wie kann ich es einstellen das ich selbst bestimmen kann ab wann er runter geht dachte mir ab max-width: 1200px
Code der Tabelle
HTML:
<div class="row">
<div class="col-md-4">
<ul style="font-size: 12px; font-weight: bold; color: rgb(48, 54, 65); line-height: 16px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<li
style="border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat scroll 0px; height: 55px; list-style-type: none; list-style-image: none; list-style-position: outside; margin-bottom: 5px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;">
<table class="table" style="font-size: 2px; position: relative; top: 10px; margin: 0 auto; text-align: left; min-width: 98%;" border="0" cellpadding="2" cellspacing="2">
<thead>
<tr>
<th scope="row"><img src="themes/test/images/game/7.jpg" alt=""></th>
<td style="width: 110px;">7 DAYS TO DIE</td>
<td>ab 4,45 € / Slot</td>
<td style="text-align: right;"><a style="font-size:12px;" class="btn btn-success" href="modules.php?name=store&op=details&ids=150"> Bestellen</a></td>
</tr>
</thead>
</table>
</ul>
</div>
<div class="col-md-4">
<ul style="font-size: 12px; font-weight: bold; color: rgb(48, 54, 65); line-height: 16px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<li
style="border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat scroll 0px; height: 55px; list-style-type: none; list-style-image: none; list-style-position: outside; margin-bottom: 5px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;">
<table style="font-size: 2px; position: relative; top: 10px; margin: 0 auto; text-align: left; min-width: 98%;" border="0" cellpadding="2" cellspacing="2">
<thead>
</thead>
<tbody>
<tr>
<th scope="row"><img src="themes/test/images/game/ark.jpg" alt=""></th>
<td style="width: 110px;">ARK: SURVIVA</td>
<td>ab 4,45 € / Slot</td>
<td style="text-align: right;"><a style="font-size:12px;" class="btn btn-success" href="modules.php?name=store&op=details&ids=169"> Bestellen</a> </td>
</tr>
</tbody>
</table>
</ul>
</div>
<div class="col-md-4">
<ul style="font-size: 12px; font-weight: bold; color: rgb(48, 54, 65); line-height: 16px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<li
style="border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat scroll 0px; height: 55px; list-style-type: none; list-style-image: none; list-style-position: outside; margin-bottom: 5px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;">
<table style="font-size: 2px; position: relative; top: 10px; margin: 0 auto; text-align: left; width: 98%;" border="0" cellpadding="2" cellspacing="2">
<thead>
</thead>
<tbody>
<tr>
<th scope="row"><img src="themes/test/images/game/arma.png" alt=""></th>
<td style="width: 110px;">ARMA III</td>
<td>ab 6,23 € / Slot</td>
<td style="text-align: right;"><a style="font-size:12px;" class="btn btn-success" href="modules.php?name=store&op=details&ids=100"> Bestellen</a></td>
</tr>
</tbody>
</table>
</ul>
</div>
vielen Dank schon einmal für eure Hilfe.
Gruß Kent94