Tabelle in Repsonsive

Programmierung, Templatedesign & Codeschnipsel
Antworten
Benutzeravatar
daytrader
Beiträge: 10642
Registriert: 15. Feb 2009 17:02
Land: Deutschland

Tabelle in Repsonsive

Moin,

wie bekomme ich denn dieses einfache Tabellchen responsive?

<tr style="height: 94px;">
<td style="width: 117px; height: 94px;"><img src=".........." alt="" width="90" height="90" /></td>
<td style="width: 400px; height: 94px;">Warnung:<br />bla bla</td>
</tr>
</tbody>
</table>
Danke!


3 Monate gratis Händlerbund
Aqua-Olli

Re: Tabelle in Repsonsive

Statt fester Pixel Prozentangaben.
Benutzeravatar
daytrader
Beiträge: 10642
Registriert: 15. Feb 2009 17:02
Land: Deutschland

Re: Tabelle in Repsonsive

Hmm da muss ich ja wieder einen HTML Kurs belegen :besserwiss:

Auf was bezieht sich die Prozentangabe? 10% = 10 vom Bildschirm?

Gibt es da kein Gegenstück zu img class="img-responsive"?
neimles
Beiträge: 2687
Registriert: 26. Mai 2012 13:59

Re: Tabelle in Repsonsive

daytrader hat geschrieben: Auf was bezieht sich die Prozentangabe? 10% = 10 vom Bildschirm?
Auf das Element wo die Tabelle drin ist, zb ein Div-Container. Probiers einfach aus, mach Prozente und schau dir das Ergebnis auf verschiedenen Devices an....
Benutzeravatar
Woody-HH
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 2619
Registriert: 29. Mär 2010 19:14
Land: Deutschland

Re: Tabelle in Repsonsive

img-responsive ist nicht im css-Standard. Du benutzt ein css Framework. Ob und wenn ja welche Klasse darin eine responsive Tabelle erzeugt gibt meine Kristallkugel nicht her.
Benutzeravatar
daytrader
Beiträge: 10642
Registriert: 15. Feb 2009 17:02
Land: Deutschland

Re: Tabelle in Repsonsive

Hab ich jetzt mit verschiedenen Werten probiert. Teilweise wird es am Desktop normal angezeigt, aber mobil fehlen dann teils die Inhalte der Spalten. Mobil habe ich es mit keinem Wert korrekt hinbekommen.

Wenn das für jemanden eine Kleinigkeit ist, bitte mal per PN anschreiben.
Benutzeravatar
Woody-HH
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 2619
Registriert: 29. Mär 2010 19:14
Land: Deutschland

Re: Tabelle in Repsonsive

Seehr quick and dirty:

Code: Alles auswählen

<div style="height: 94px; width:517px;">
  <div style="width: 117px; height: 94px; float: right;"> <img ... /> </div>
  <div style="width: 400px; height: 94px; float: left;">Warnung:<br />bla bla</div>
</div>
Dabei sind allerdings die Breitenwerte starr. Wenn die nicht mehr nebeneinander passen werden sie (eine rechts- und eine linksbündig) übereinander dargestellt.
norwayfishing

Re: Tabelle in Repsonsive

Offensichtlich verwendest du Bootstrap (das ist auch ohne Kristallkugel ersichtlich), da gibts natpürlich ne einfache Lösung auch für Tabellen...

https://v4-alpha.getbootstrap.com/content/tables/

table Tab mit class="table table-responsive" erweitern.
Antworten

Zurück zu „HTML, PHP, CSS, & Co.“

  • Information