Bilder ausrichten

[ash]

ich möchte Bilder sowohl links- als auch rechtsbündig ausrichten. Mein bisheriger Ansatz funktioniert nicht richtig, jmd einen Tipp?
http://www.sirtobys.com/admin/html/

Vielen Dank,
ash

[wahsaga]

hi,

ich möchte Bilder sowohl links- als auch rechtsbündig ausrichten. Mein bisheriger Ansatz funktioniert nicht richtig, jmd einen Tipp?
http://www.sirtobys.com/admin/html/

Was soll da "funktionieren"?

gruß,
wahsaga

[ash]

<img src="images/mainIconInfo.jpg" width="44" height="68" alt="" //etc

soll rechtsbündig ausgerichtet sein, allerdings sollte es oben keinen Rand haben, sondern oben ausgerichtet sein. margin-top: 0px; hat keinen Erfolg gebracht.

mfg
ash

Was soll da "funktionieren"?

gruß,
wahsaga

[wahsaga]

hi,

<img src="images/mainIconInfo.jpg" width="44" height="68" alt="" //etc

soll rechtsbündig ausgerichtet sein, allerdings sollte es oben keinen Rand haben, sondern oben ausgerichtet sein. margin-top: 0px; hat keinen Erfolg gebracht.

Das Bild selber ist doch innerhalb seines Containers "ganz oben".

gruß,
wahsaga

[ash]

nein, eben nicht. Das Bild steht im ersten Container, jetzt sieht es aber so aus, als ob es im 2. Container oben ausgerichtet ist. aber in dem Container steht es eigentlich nicht.

mfg
ash

Das Bild selber ist doch innerhalb seines Containers "ganz oben".

gruß,
wahsaga

[wahsaga]

hi,

nein, eben nicht. Das Bild steht im ersten Container, jetzt sieht es aber so aus, als ob es im 2. Container oben ausgerichtet ist. aber in dem Container steht es eigentlich nicht.

Welcher zweite Container?

Das Bild befindet sich in #headline.
Und wenn ich dem und dem Bild jeweils einen Rahmen verpasse, dann sehe ich, dass das Bild bündig am oberen Rand dieses Containers anliegt.

gruß,
wahsaga

[ash]

bei mir (Firefox) sieht es nicht so aus, sondern da ist das Bild oben bündig in #subHeader.

schau Dir mal <img src="images/mainHeaderLeft.jpg" width="384" an, das liegt oben bündig in #headline.

mfg
ash

Das Bild befindet sich in #headline.
Und wenn ich dem und dem Bild jeweils einen Rahmen verpasse, dann sehe ich, dass das Bild bündig am oberen Rand dieses Containers anliegt.

gruß,
wahsaga

[wahsaga]

hi,

bei mir (Firefox) sieht es nicht so aus, sondern da ist das Bild oben bündig in #subHeader.

Na also, dass ist doch schon mal 'ne Info - dass du die Darstellung im Firefox meinst ...

Ja, jetzt ist das Problem ersichtlich.
Das liegt daran, dass du erst das Bild "mainHeaderLeft.jpg" im Quelltext notiert hast, und dann danach das nach rechts gefloatete Bild kommt.

Du müsstest also entweder die Reihenfolge der Elemente im Quelltext umdrehen - das ist aufgrund ihrer Bedeutung aber vermutlich nicht optimal.

Oder du floatest dieses erste Bild nach links - und richtest die beiden anderen bzw. die sie enthaltenden Links dann einfach über text-align im sie enthaltenden Container nach rechts aus.

gruß,
wahsaga

[ash]

Vielen Dank erstmal; das geht nur bedingt, (wieder in Firefox) gibt es immer noch ein kleines Problem. Noch eine Idee?

mfg
ash

[wahsaga]

hi,

das geht nur bedingt, (wieder in Firefox) gibt es immer noch ein kleines Problem. Noch eine Idee?

Falls du damit jetzt die nicht mehr zusammenpassenden Linien am unteren Rand des linken Bildes und des Hintergrundbildes des Containers meinst (beschreibe deine Probleme doch bitte mal etwas ausführlicher, so dass man nicht immer erst selber rumraten muss!) - da wäre es vielleicht clever, wenn du mal die _realen_ Ausmaße des Bildes angibst, anstatt es durch eine kleinere Höhenangabe zu stauchen ...

gruß,
wahsaga

[ash]

beschreibe deine Probleme doch bitte mal etwas ausführlicher, so dass man nicht immer erst selber rumraten muss

hast recht, tut mir leid.

wenn du mal die _realen_ Ausmaße des Bildes angibst, anstatt es durch eine kleinere Höhenangabe zu stauchen ...

funktioniert. Ich hatte zwischendurch das Layout geändert und die Bilder neu exportiert, die eine Höhenangabe hatte ich beim Ändern übersehen.
Vielen Dank fürs Helfen

[wahsaga]

P.S.: Bitte gewöhne dir mal einen ordentlichen Zitierstil an - TOFU muss nich ständig sein.

gruß,
wahsaga