align im Bild geht nicht

[Wille]

hallo,
ich habe ein ziemlich stressiges Problem. Und zwar habe ich eine HTML Seite mit Tabellen als Layout. Ich wollte nun in die Spalte in der der Hauptinhalt steht, ein Bild einfügen und dieses an den oberen Rand platzieren. Wollte natürlich den normalen align Befelh im Bild Befehl machen. Also <img src="Bild.bla" align="top"> Kann mir vielleicht jemand sagen was das sein kann? So funktioniert es immer!

[Christoph Schnauß]

hallo,

Und zwar habe ich eine HTML Seite mit Tabellen als Layout

Das ist ein ungeeignetes Vorgehen. Tabellen sind für tabellarische Aufgaben da, für Layout-Lösungen nimmst du CSS.

Ich wollte nun in die Spalte in der der Hauptinhalt steht, ein Bild einfügen und dieses an den oberen Rand platzieren. Wollte natürlich den normalen align Befelh im Bild Befehl machen. Also <img src="Bild.bla" align="top">

Deine Fehlerbeschreibung ist unvollständig. Es fehlt noch: "und das funktioniert nicht" ;-)

Kann mir vielleicht jemand sagen was das sein kann?

Das Forumsarchiv kann das. Dazu kommt, daß du, selbst wenn es im IE "klappen" sollte, dann in anderen Browsern wieder unerwünschte Ränder hast.

So funktioniert es immer!

Irrtum. So funktioniert es nie.

Positioniere dein Bild mit CSS und gib notfalls ebenfalls mit CSS deiner Tabelle vor, wie sie sich verhalten soll.

Grüße aus Berlin

Christoph S.

[Sir Bambel]

Hallo,

Und zwar habe ich eine HTML Seite mit Tabellen als Layout

Das ist ein ungeeignetes Vorgehen. Tabellen sind für tabellarische Aufgaben da, für Layout-Lösungen nimmst du CSS.

sehr gute idee. Nur dummerweise bekomme ich mit CSS noch nicht so eine seite hin:

oben: 1 Tabelle:
|------------------------------------------
| BILD               |  (noch nix)        |
|------------------------------------------

1px farbe  (1px bild und bgcolor(css))
1px farbe (1px bild und bgcolor(css))
------------------------------------------
bla
------------------------------------------
1px farbe (1px bild und bgcolor(css))
------------------------------------------
1px farbe (1px bild und bgcolor(css))
------------------------------------------
1px farbe (1px bild und bgcolor(css))
-----------------------------------------

mitte 1 Tabelle:

|-----------------------------------------|
|        |                    | Suchform  |
------------------------------------------
|        |                    |           |
| Left   | text               | rightnav  |
| nav    |                    |           |
-------------------------------------------

unten 1 Tabelle:

|------------------------------------------|
farbenteile 2*
-------------------------------------------
links text         | rechts text
--------------------------------------------

n bisschen kompliziert. Würde es liebend gerne mit CSS anstatt tabellen machen, aber dann bitte so, dass ALLE browser (außer ns4 und andere mistteile) es richtig anzeigen.

Wie macht man das, tabellenlayout mit css ?

Sir Bambel

[Christoph Schnauß]

hallo bambel,

für Layout-Lösungen nimmst du CSS.
sehr gute idee. Nur dummerweise bekomme ich mit CSS noch nicht so eine seite hin:
oben: 1 Tabelle: [...]
mitte 1 Tabelle: [...]
unten 1 Tabelle: [...]

Ich glaube dir, daß du es noch nicht hinkriegst. Aber genau das ist sogar ein klassisches Beispiel, wie man Tabellen mit CSS gestalten könnte. Es geht durchaus  -  und sogar ziemlich problemlos.

n bisschen kompliziert

Überhaupt nicht. Das entspricht einer Hausaufgabe für Schüler der 6. Klasse.

Grüße aus Berlin

Christoph S.

[Sir Bambel]

hallo christoph,

für Layout-Lösungen nimmst du CSS.
sehr gute idee. Nur dummerweise bekomme ich mit CSS noch nicht so eine seite hin:
oben: 1 Tabelle: [...]
mitte 1 Tabelle: [...]
unten 1 Tabelle: [...]

Ich glaube dir, daß du es noch nicht hinkriegst. Aber genau das ist sogar ein klassisches Beispiel, wie man Tabellen mit CSS gestalten könnte. Es geht durchaus  -  und sogar ziemlich problemlos.

ich hoffe doch nicht, dass du auf tabellengestaltung mit css raus wolltest. das ist ja wohl echt ein kinderspiel.

und: danke für den netten kommentar.

Überhaupt nicht. Das entspricht einer Hausaufgabe für Schüler der 6. Klasse.

das was du gesagt hast: ja
das was ich gemeint habe: nein

danke vielmals

sir bambel

[Dark Sider]

Hi,

dann erklär doch bitte nochmal GENAU, was du eigentlich willst.

MfG
Dark Sider

[Mathias Bigge]

Hi Dark Sider,

hat er doch mit seinem Tabellenbildchen, dachte ich.

Viele Grüße
Mathias Bigge

[Sir Bambel]

Hi dark sider, hallo Mathias,

hat er doch mit seinem Tabellenbildchen, dachte ich.

Ja und nein. Es stimmt, wenn ich mir mein (dummes) Posting nochmal anschaue: Man merkt nicht richtig, was ich will.

Also, was ich meinte ist: Ich habe schon mal so Tabellen-durch-CSS-ersatz gesehen, wo du z.B. dann wenn du (ein ausschnitt aus meinen "Tabellenbildchen" [(C) by Mathias])

+-------------+------------------+-------------+
| bla         | blo              | bli         |
+-------------+------------------+-------------+
| linke Zelle |   mittelzelle    | rechte Zelle|
+-------------+------------------+-------------+

nimmst, dann machten sie es so:

(meine id's gelten nur zur veranschaulichung/relation zur oben gezeigten Tabelle)

<div id="mittelzelle">
<div id="linke-zelle" style="float:left; margin....">Linke Zelle</div>
Mittelzelle
<div id="rechte-zelle" style="float:right;">rechte Zelle</div>
</div>

Das finde ich etwas unelegant, weil NS6 dieses Beispiel nicht richtig darstellt.

Aber es soll auch irgendeine sache mit "position:fixed" geben, aber der IE interpretierts nicht richtig.
Was ist dran an der sache, bzw. wie gehts ?

Sir Bambel

[Christoph Schnauß]

hallo bambel,

<div id="mittelzelle">
<div id="linke-zelle" style="float:left; margin....">Linke Zelle</div>
<div id="rechte-zelle" style="float:right;">rechte Zelle</div>
</div>
Das finde ich etwas unelegant, weil NS6 dieses Beispiel nicht richtig darstellt.

Netscape 6 habe ich nicht, aber deine Meinung über "unelegant" würde ich teilen (was nicht unbedingt gleichbedeutend mit "funktioniert nicht" sein muß) - abegesehen davon, daß du ein sehr schludriges Beispiel notiert und nicht alle DIV's ordentlich geschlossen hast. Es geht doch nicht darum, eine Tabelle durch DIV's zu ersetzen, sondern es geht darum, eine Tabelle mit CSS zu formatieren.

Christoph S.

[Sir Bamebl]

hallo bambel,

<div id="mittelzelle">
<div id="linke-zelle" style="float:left; margin....">Linke Zelle</div>
<div id="rechte-zelle" style="float:right;">rechte Zelle</div>
</div>
Das finde ich etwas unelegant, weil NS6 dieses Beispiel nicht richtig darstellt.

Netscape 6 habe ich nicht, aber deine Meinung über "unelegant" würde ich teilen (was nicht unbedingt gleichbedeutend mit "funktioniert nicht" sein muß) - abegesehen davon, daß du ein sehr schludriges Beispiel notiert und nicht alle DIV's ordentlich geschlossen hast. Es geht doch nicht darum, eine Tabelle durch DIV's zu ersetzen, sondern es geht darum, eine Tabelle mit CSS zu formatieren.

Ich erkenne immer noch keine nicht-geschlossenenen-divs, dass mein beisiel "schludrig" ist, ist ja wohl klar [ich habe es auch etwas absichtlich so gemacht ;-)].

Ok, wenn es nur um Tabellenformatierung mit css geht, dann habe ich auch nichts verpasst...

dank nochmal,

SIr bambel

[Christoph Schnauß]

hi,

Ich erkenne immer noch keine nicht-geschlossenenen-divs

Da hast du recht. Ich habe beim Zitieren etwas abgeschnipselt, was vorhanden war.

Ok, wenn es nur um Tabellenformatierung mit css geht, dann habe ich auch nichts verpasst...

Ich konnte an der bisherigen Thread-Thematik nichts anderes erkennen.

Grüße aus Berlin

Christoph S.

[Andreas-Lindig]

Hallo,

Also <img src="Bild.bla" align="top"> Kann mir vielleicht jemand sagen was das sein kann? So funktioniert es immer!

was hast du den für eine brauser? - selbstgehäkelt, aus holz?

Gruß, Andreas