Zum Inhalt springen

Tabellenzellen Inhalte versch. ausrichten

kills

Von kills
in Webdesign

 Teilen

Empfohlene Beiträge

kills

kills

Geschrieben
Geschrieben

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

Link zu diesem Kommentar
Auf anderen Seiten teilen
kills

kills

Geschrieben
  • Autor
Geschrieben
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....

Link zu diesem Kommentar
Auf anderen Seiten teilen
kills

kills

Geschrieben
  • Autor
Geschrieben
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

Link zu diesem Kommentar
Auf anderen Seiten teilen
FMG

FMG

Geschrieben
Geschrieben

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>

Link zu diesem Kommentar
Auf anderen Seiten teilen
kills

kills

Geschrieben
  • Autor
Geschrieben

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>

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...