Bilder links anordnen

[Thomas Heimroth]

Guten Tag!

Ich richte meine Bilder links aus. Habe aber eine Box mit einem Text als Erklärungshinweis rechts oben stehen. Die Bilder werden jetzt dementsprechend links angeordnet, bis die rechte Box kommt. Diese ist aber nicht so hoch wie die Bilder. Was passiert. Das nächste Bild wird links angeordnet, aber direkt unter der Hinweisbox, was ich aber nicht möchte. Es soll so angeordnet werden, wenn das Bild nicht exakt links neben das andere Bild angeordnet werden kann, soll es eine nächste Reihe anfangen. Wie kann ich dies erreichen?

MFG Thomas

[TomIRL]

Moin,

Sorry, aber die Glaskugeln sind gerade als Baumschmuck in Benutzung.:-)
Der Einfachheit halber stellst Du vielleicht einfach mal Deine Seite irgendwo online, damit man sich den Quelltext ansehen kann.

TomIRL

[Thomas Heimroth]

Moin,

Sorry, aber die Glaskugeln sind gerade als Baumschmuck in Benutzung.:-)
Der Einfachheit halber stellst Du vielleicht einfach mal Deine Seite irgendwo online, damit man sich den Quelltext ansehen kann.

TomIRL

Hallo TomIRL!

Ich konnte wegen des Weihnachtsstress erst jetzt antworten. Sorry, ich habe die Seite jetzt online gestellt unter:

http://thomasheimroth.de/urlaub/portugal/portugal_anreise.shtml

die beiden css-Dateien, welche notwendig sind unter dem Browser Mozilla:

<style type="text/css">
    <!--
      @import url("../../Styles/stylesheet_layout.css");
      @import url("../../Styles/fotoalbum.css");
    -->
</style>

hir sind Ausschnitte, welche notwendig sind für mein Problem:

fotoalbum.css:
.gruppe{
  background-color: #6CD9AA;
  text-align: left;
  border: 2px solid #006699;
  margin-bottom: 10px;
  padding: 5px;
  width: auto;
}
.bild {
  float: left;
  text-align: center;
  font-weight: bold;
}
.leer {
  font-weight: bold;
  margin-left: 5px;
  clear: left;
}
.explain{
  float: right;
  width: 200px;
  border-left: 2px dashed #006699;
  border-bottom: 2px dashed #006699;
  padding: 0px 10px 10px 10px;
  margin-bottom: 10px;
}

hierbei geht es einmal um float:left von .bild und einmal um float:right von .explain.

Ich hoffe das hilft weiter?

MFG Thomas

[Christoph]

Guten Tag!

Ich richte meine Bilder links aus. Habe aber eine Box mit einem Text als Erklärungshinweis rechts oben stehen. ... Wie kann ich dies erreichen?

Hallo Thomas,

wie wär's mit einer "blinden" Tabelle ?

CU Chris

[TomIRL]

Moin Christop,

Hallo Thomas,

wie wär's mit einer "blinden" Tabelle ?

Warum das?
ich bin zwar auch kein Gegner eines Tabellenlayouts, aber man müßte sich zunächst mal anschauen was er da überhaupt plant, bzw. gemacht hat bevor man zur Tabelle rät.
Vielleicht ist sein Problem auch ganz simple zu lösen.

TomIRL

[Detlef G.]

Hallo Thomas,

Wie kann ich dies erreichen?

Sorge dafür, dass die Hinweisbox immer mindestens so hoch ist, wie ein Bild.
(margin-bottom oder height für IE und min-height für aktuelle Browser)

Auf Wiederlesen
Detlef