Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Tabellenzellen Inhalte versch. ausrichten

Empfohlene Antworten

Hallo zusammen,

naja ich glaub nachdem ich nun eine Woche im Urlaub und anschließen ein paar Tage krank war, seh ich den Wald vor lauter Bäumen nicht mehr :cool:

so hatte ich mir das gedacht, aber geht leider net... :(

Ziel:

Bild-X linksbündig

Bild-Y rechtsbündig

Text zentriert


<table style="width: 500px">

  <tr>

    <th>

      <img src="x.gif" />

        <span width="95%">text</span>

      <img src="y.gif" />

    </th>

  </tr>

  <tr>

    <td>

    </td>

  </tr>

</table>


das ganze ist in einer Tabelle, da ich Tabellarische Daten ausgebe

Danke im vorraus und Gruß,

Markus

warum machst du nicht drei spalten? oder ein Bild aus den beiden und fügst es als Hintergrund ein?

hm das mit den 3 spalten hab ich mir auch schon überlegt :floet:

das mit dem hintergrundbild geht auf jedenfall nicht, da die breite der spalte dynamisch ist.

naja notfalls mit 3 spalten....

Tach!

Ich weiß jetzt nicht genau ob das was für dich ist, aber in meinem Blog hab ich mal beschrieben wie man Bilder um Anker herum baut: http://www.tobias-digital.de/?id=29

Vielleicht bringt dich das der Lösung ja näher.

Gruß, Tobias

Tach!

Ich weiß jetzt nicht genau ob das was für dich ist, aber in meinem Blog hab ich mal beschrieben wie man Bilder um Anker herum baut: http://www.tobias-digital.de/?id=29

Vielleicht bringt dich das der Lösung ja näher.

Gruß, Tobias

danke für den Tipp, aber leider kann ich keine Backgroundimages verwenden, da ich noch Links auf die Bilder legen muss.

Ich hab mich entschieden eine tool-zeile unter den header einzuifügen.

Danke trotzdem

Markus

Es geht auch ohne Toolzeile:

<tr>

 <td>

  <!-- links -->

  <img src="bild.jpg" style="float: left; width: 100px; clear: none;" />

  <!-- rechts -->

  <img src="bild1.jpg" style="float: right; width: 100px; clear: none; />

  <!-- Mitte -->

  <span>Text</span>

 </td>

</tr>

Hi FMG,

so ungefähr hab ich mir das vorgestellt... :)

nur leider geht der code weder im IE noch im FF:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

  <head>

    <title></title>

  </head>

  <body>

    <table>

      <tr>

        <td>

          <!-- links -->

          <img src="bild.jpg" alt="links" style="float: left; width: 100px; clear: none;" />

          <!-- rechts -->

          <img src="bild1.jpg" alt="rechts" style="float: right; width: 100px; clear: none;" />

          <!-- Mitte -->

          <span>Text</span>

        </td>

      </tr>

    </table>

  </body>

</html>

*oops* hatte es nicht probiert, dann musst du die Bilder vermutlich in p- bzw. div-Tags packen und diese Tags dann entsprechend via CSS formatieren.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.