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

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....

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

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>

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>

FMG

FMG

Geschrieben
Geschrieben

*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.

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden
 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...