Grafik bzw. Text ind Tabelle oben halten.

[Astalavista]

Hi ich habe gesucht und leider nichts gefunden was mir weiter helfen könnte.

Aslo als Beispiel welches mein Problem beschreibt ich habe eine Tabelle, die in 3 Spalten aufgeteilt ist. Wenn ich jetzt in die mittlere Spalte Text eintrage dann wir die ganze Tabelle größer, was auch so sein soll. Wenn ich jetzt aber Grafiken links und recht in den Spalten habe, dann werden die immer mittig gehalten. Ich möchte hier aber das diese Grafiken immer oben am Tabellenrand sind.

Hier ein Beispiel Bild:


Ich hoffe mir kann da jmd. weiterhelfen.
MFG Astalavista

 

[Efchen]

Mir scheint, dass Du gar keine tabellarischen Daten hast, die Du in die Tabelle eintragen willst, sondern die Tabelle als Gestaltungsmittel missbrauchst. Das geht natürlich gar nicht.

Zeichne Deinen Inhalt mit semantisch sinnvollem HTML aus, dann kannst Du Dich daran machen, das Layout per CSS zu definieren.

Ansonsten gibt es die Eigenschaft "vertical-align" für Tabellenzellen und solche Elemente, die vorgeben eine Tabellenzelle zu sein.

 

[Astalavista]

Aber wie schaffe ich es sonnst Grafiken bzw. Tabellen nebeneinander auszurichten. Ich habe versucht Grafiken mit margin auszurichten was auch geklappt hat aber wenn man nun versucht daneben eine grafik zu setzt wird sie schräg unter die andere Grafik gesetzt.

MFG Astalavista

 

[tarik02]

Das Zauberwort ist float

 

[Efchen]

Aber wie schaffe ich es sonnst Grafiken bzw. Tabellen nebeneinander auszurichten.

Das Zauberwort wurde Dir ja schon genannt, wichtig ist aber, zu verstehen, dass das Ausssehen, also auch das Ausrichten, nach dem Du hier fragst, immer eine Frage von CSS ist, niemals etwas mit HTML zu tun hat!

Mit HTML wird nur die logische Bedeutung des Inhalts definiert; ausschließlich CSS ist für Layout und Design zuständig! Hat man das mal verinnerlicht, wird die Suche nach Problemlösungen idR gleich viel einfacher!

 

[Astalavista]

Ok das hat mich schon einmal weiter gebracht danke für die hilfe.

Allerdings habe ich jetzt das Problem, das ich links an meiner Seite mehrer "Boxen" untereinander haben will, mit float bekomme ich sie aber nur nebeneinander, wenn ich jetzt das float weglasse, dann bekomme ich die Content box also die box wo der Inhalt der Steite steht nicht neben die oberste Box der Linken Seite.

Ich hoffe mir kann dabei jmd helfen. Danke schon mal im voraus.

MFG

 

[hokage555]

also ich kann mir grad nicht so ganz vorstellen, was du möchtest.
aber eig. gibt es beim positionieren von boxen nicht so viele möglichkeiten ;-)
es gibt inline elemente und blockelemente.
blockelemente werden untereinander dargestellt und inline elemente nebeneinander. mit display kann man die art des elementes ganz einfach ändern.
möchtest du, dass boxen untereinander angeordnet werden, dann sollten sie das also eig. automatisch machen, denn div boxen sind blockelemente.

ich vermute, dass dein fehler bei float liegt. hast du nach dem gefloateten element gecleart?
schreibe in css eine klasse ".clearen{clear:both;}"
und dann schreibst du in html hinter das geflotete element eine leere div box.
so: "<div class="clearen"></div>"
und dann sollte alles klappen ;-)
ansonsten hilft dir beim positionieren noch position:relative;
und wenn das alles dein problem nicht löst, dann poste doch bitte mal einen link zur seite ;-)

grüße hokage