• 24.07.2025, 06:30
  • Register
  • Login
  • You are not logged in.

 

5reimo

God

TxT neben Table auf Höhe des Tablebodens ausrichtn

Sunday, October 14th 2007, 5:27pm

Es gibt HTML foren mit 20k usern, aber da bekommt man binnen 3 tagen keine Antwort...also versuche ich es mal "zu Hause" ;D :

Ich will folgendes erreichen:





Link zur Beispieldatei

Ich schaffe es nicht, den roten Text auf Höhe der Tabellenuntergrenze auszurichten. Immer etwas dadrunter oder dadrüber oder mitten drauf. Weiß jemand Rat? Oder muss ich dazu eine weitere Zelle der Tabelle öfnnen? Wäre doof...

M3rl1N

Senior Member

Re: TxT neben Table auf Höhe des Tablebodens ausri

Sunday, October 14th 2007, 5:30pm

...

xx_ElBarto

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Sunday, October 14th 2007, 6:12pm

versuchs mal mit align="bottom" im table, da gibts aber bestimmt auch was in css für

btw, im opera wird die seite wie du es willst angezeigt, im firefox aber net

Y0Gi

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Sunday, October 14th 2007, 6:30pm

Und den roten Text kannst du nicht mit in die Tabelle aufnehmen?

5reimo

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Sunday, October 14th 2007, 7:07pm

Quoted from "Y0Gi"

Und den roten Text kannst du nicht mit in die Tabelle aufnehmen?


Will ich nicht, soll eine einzellige Tabelle bleiben.

@elbarto: Doch wird sie. "bottom" ist nicht definiert für align. Selbst wenn dem so wäre, der Text würde dann am Frameboden ausgerichet. NIcht ganz dass was ich will.

Y0Gi

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Sunday, October 14th 2007, 7:10pm

Quoted from "5reimo"

Will ich nicht, soll eine einzellige Tabelle bleiben.

Dann würd ich da zumindest auch keine Tabelle verwenden, sondern ein <div> oder (sematisch passender) ein <p>. Dazu dann per CSS links und rechts Rahmen dran, Breite (und ggf. Höhe) definieren, fertig.

Das und den roten Text würde ich dann gemeinsam in ein weiteres <div> packen, darauf 'vertical-align: center;' anwenden und die per Float nebeneinander platzieren.

Giffman

Senior Member

Re: TxT neben Table auf Höhe des Tablebodens ausri

Sunday, October 14th 2007, 8:03pm

Quoted from "Y0Gi"


Dann würd ich da zumindest auch keine Tabelle verwenden, sondern ein <div> oder (sematisch passender) ein <p>. Dazu dann per CSS links und rechts Rahmen dran, Breite (und ggf. Höhe) definieren, fertig.

Das und den roten Text würde ich dann gemeinsam in ein weiteres <div> packen, darauf 'vertical-align: center;' anwenden und die per Float nebeneinander platzieren.


Wenn dann bitte "vertical-align: middle", das aber nicht auf <div> angewendet werden kann...

Y0Gi

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Monday, October 15th 2007, 1:07am

Äh sorry, aber 'middle' und 'center' krieg ich jedes Mal durch 'n Tüddel.

Hm, und das geht wirklich laut Spec nicht? Nun, kann ja sein.

Eine weitere Option besteht darin, sich 'position: absolute;' in Kombination mit 'bottom: 0;' zu bedienen (dazu entweder 'left' oder 'right' setzen). Dazu muss das umschließende Element 'position: relative;' haben.

M3rl1N

Senior Member

Re: TxT neben Table auf Höhe des Tablebodens ausri

Monday, October 15th 2007, 1:10am

Y0Gi

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Monday, October 15th 2007, 1:47am

Quoted from "mARC"


Mal davon ab, dass es da nicht um 'bottom', sondern 'middle' geht, halte ich von der Lösung wenig.

Ich würde einfach die Grafik als Hintergrundbild definieren, auf 50% vertikal ausrichten, die Minimalhöhe anhand der Grafik festlegen, mit Padding den Text nach rechts schieben und, falls erforderlich, die 'line-height' auf die Höhe der Grafik setzen. So habe ich nur ein Text, eingeschlossen in einem <div>, <span> oder <p>, mit einer CSS-Klasse. Da brauche ich das Bild nicht im Markup drin haben, kann durch die Angabe im Stylesheet sogar den Pfad weglassen, wenn es im Style-Ordner liegt (was ich definitiv so machen würde) und muss nicht viel JavaScript-Code schreiben, da ich ja nur eine Klasse tausche oder hinzufüge.

xx_ElBarto

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Monday, October 15th 2007, 11:06am

Quoted from "5reimo"

@elbarto: Doch wird sie. "bottom" ist nicht definiert für align. Selbst wenn dem so wäre, der Text würde dann am Frameboden ausgerichet. NIcht ganz dass was ich will.


hm, also zumindest bei nem bild geht das: http://de.selfhtml.org/html/grafiken/anz…align_zeile.htm

5reimo

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Monday, October 15th 2007, 10:57pm

Quoted from "Y0Gi"


Dann würd ich da zumindest auch keine Tabelle verwenden, sondern ein <div> oder (sematisch passender) ein <p>. Dazu dann per CSS links und rechts Rahmen dran, Breite (und ggf. Höhe) definieren, fertig.

Das und den roten Text würde ich dann gemeinsam in ein weiteres <div> packen, darauf 'vertical-align: center;' anwenden und die per Float nebeneinander platzieren.


Aha. Position auf der Seit dann relativ? Mal schauen, danke schon mal.

@elbarto: Dann schau dir doch mal die Spec für das table Tag an. Für align ist center, left und right definiert.

@yogi: Ich bekomme den roten Text nicht aligned. Seihe LInk

LINK!

Y0Gi

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Tuesday, October 16th 2007, 12:24am

Ich hab's erstmal so gemacht:

Source code

1
2
3
4
5
6
7
8
9
10
<div style="border: solid blue;">
  <div id="main2" style="margin-left: 10%; margin-top: 5%; caption-side: left; float: left; width: 25%;">
    <em class="bodypower">Mit Hilfe unserer Großgeräte können wir umfangreiche Erdarbeiten durchführen. Dazu gehört zum Beispiel das Anlegen eines Regenrückhaltebeckens oder eines Walls.</em>
  </div>
  <div style="border: solid lime; position: relative;">
    <div style="position: absolute; left: 500px; bottom: 0;">
      <span style="font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #ff0000;">Erdarbeiten</span>
    </div>
  <br style="clear: both;"/>
</div>


Dabei habe ich <br style="clear: both;"/> benutzt, um den blauen Rahmen "aufzuziehen". Das Problem ist soweit noch, dass der grüne Rahmen sich auch auf dessen Größe zieht, was er nicht soll. Er wird also absolut, aber von der falschen Ausgangslage aus ausgerichtet. Daher habe ich zunächst einen Abstand von Links über 'left:' gesetzt. Alternativ könnte auch 'margin-left:' helfen. Hier ist die Frage, ob man mit absoluten oder relativen Werten eine Abstandsausrichtung direkt neben der Tabelle hinbekommt, die sich auch bei Änderungen der Fenster- oder Schriftgröße nicht zerlegt. Wenn die Tabelle auf eine feste Breite gesetzt wird (damit der Text so bleibt, würde ich es mit 'em' als Einheit versuchen), kann man entsprechend den Abstand von Links daran ausrichten (den würde ich entsprechend ebenfalls in 'em' angeben und dann skaliert alles passend mit).

M3rl1N

Senior Member

Re: TxT neben Table auf Höhe des Tablebodens ausri

Tuesday, October 16th 2007, 12:30am

Quoted from "Y0Gi"


Mal davon ab, dass es da nicht um 'bottom', sondern 'middle' geht, halte ich von der Lösung wenig.

Ich würde einfach die Grafik als Hintergrundbild definieren, auf 50% vertikal ausrichten, die Minimalhöhe anhand der Grafik festlegen, mit Padding den Text nach rechts schieben und, falls erforderlich, die 'line-height' auf die Höhe der Grafik setzen. So habe ich nur ein Text, eingeschlossen in einem <div>, <span> oder <p>, mit einer CSS-Klasse. Da brauche ich das Bild nicht im Markup drin haben, kann durch die Angabe im Stylesheet sogar den Pfad weglassen, wenn es im Style-Ordner liegt (was ich definitiv so machen würde) und muss nicht viel JavaScript-Code schreiben, da ich ja nur eine Klasse tausche oder hinzufüge.


Quoted from "5reimo"



Ich schaffe es nicht, den roten Text auf Höhe der Tabellenuntergrenze auszurichten. Immer etwas dadrunter oder dadrüber oder mitten drauf. Weiß jemand Rat? Oder muss ich dazu eine weitere Zelle der Tabelle öfnnen? Wäre doof...


habe ich oder du jetzt was falsch verstanden? ich dachte es get um unten ?!"

Y0Gi

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Tuesday, October 16th 2007, 12:48am

Geht es auch. Warum verweist du dann auf einen Artikel, in dem 'bottom' nicht vorkommt und schon in der Überschrift fett von 'middle' die Rede ist? Auf diesen Artikel habe ich mich zwischenzeitlich bezogen.

5reimo

God

Re: TxT neben Table auf Höhe des Tablebodens ausri

Sunday, October 21st 2007, 3:52pm

Ich werd noch wahnsinnig. Habe jetzt testweise eine Tabelle für obiges erstellt und krigee nicht einmal den Text am Unterrand der Zelle ausgerichtet. Und zwar relativ, dass er IMMEr am unterrand der Zelle ist. Jetzt muss ich es mit absoluten px angaben machen, dass geht aber nur bei einer einzigen Fenstergröße gut...