Grafiken nebeneinander

Fragen zu CSS.
Fragen zu we:Tags bitte im Forum webEdition Templates erstellen (we:Tags) posten.
Russell

Grafiken nebeneinander

Beitragvon Russell » Sa 2. Sep 2006, 19:37

Hallo,
ich habe 6 grafiken, die nebeneinanderliegen, mit einer class belegt, die jeweils gefloaten werden.
<a title="Link zum Kreis Coesfeld" href="http://www.kreis-coesfeld.de" target="_blank"><img class="floatleft" src="/grafix/kreislogo.gif" width="150" height="50" alt="" border="0"></a>
css:
.floatleft { float: left; margin-bottom: 35px; padding-right: 15px }
Der nachfolgende Text, soll dann darunter stehen, tut er auch, nur wenn mann das browserfenster verkleinert, werden die Grafiken richtiger weise in die nächste Zeile gesetzt, der Text steht dann aber neben der letzten Grafik und nicht darunter in der nächsten Zeile.
Hat jemand eine Idee, wie ich das machen kann, ich habe es schon versucht mit clear: both, aber dann entsteht ein sehr große Abstand.
Hier der Link: http://www.drocoe.de/home

Danke und Gruß
Russell

Dirk Einecke
Site Admin
Beiträge: 3729
Registriert: Do 1. Jan 1970, 02:00
Wohnort: Karlsruhe
Kontaktdaten:

Beitragvon Dirk Einecke » So 3. Sep 2006, 00:18

Hi,

Auch so mal versucht?

[HTML][Bilder]
<div style="clear: both;"></div>
[Text][/HTML]

Russell

Beitragvon Russell » So 3. Sep 2006, 10:09

Ja, habe ich, aber dann beginnt der Text darunter (beginnt mit einem neuen Div)
mit einem riesigen abstand nach unten.

Gruß
Russell

Dirk Einecke
Site Admin
Beiträge: 3729
Registriert: Do 1. Jan 1970, 02:00
Wohnort: Karlsruhe
Kontaktdaten:

Beitragvon Dirk Einecke » So 3. Sep 2006, 16:04

Hi,

dann mal so etwas versucht?

[HTML][Bilder]
<br style="clear: both;" />
[Text][/HTML]

Russell

Beitragvon Russell » So 3. Sep 2006, 18:05

Danke für den Hinweis,

ich hatte das auch schon ausprobiert, habe es jetzt nochmal eingebaut damit Sie sich anschauen können was passiert. Der Abstand zum nächsten Text wird dann sehr groß.
http://www.drocoe.de/home

Gruß
Russell

mobby
Senior Member
Beiträge: 1131
Registriert: Do 1. Sep 2005, 05:07

Beitragvon mobby » So 3. Sep 2006, 18:20

Moin Moin,
ändere mal
[HTML]<br style="clear: both;" />
<!-- Ende Sponsering -->[/HTML]
in
[HTML]<br class="clear: both;" />
<!-- Ende Sponsering -->[/HTML]
Viele Grüße
Mobby

7.0.2 (7.0.2.0, SVN-Revision: 12643)

Dirk Einecke
Site Admin
Beiträge: 3729
Registriert: Do 1. Jan 1970, 02:00
Wohnort: Karlsruhe
Kontaktdaten:

Beitragvon Dirk Einecke » So 3. Sep 2006, 19:32

Hi,

dieser grosse Abstand kommt aber siher nicht nur das DIV oder BR mit dem clear:both - da ist wohl ein ehler in der Struktur drin - nicht richtig geschlossene DIVs usw. Am besten Sie validieren die Seite mal und entfernen alle Fehler um dann dem Problem auf die Spur zu kommen.

Russell

Beitragvon Russell » So 3. Sep 2006, 19:51

Danke,

das werde ich mal machen, vielleicht klärt sich das dann.


Gruß
Russell


Zurück zu „CSS“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast