✔ Bild und Text per CSS ausrichten

[kanecorpse]

Das ist ja schon mal ein Ansatz. Aber du hast recht. Das müste besser gehen. Danke trotzdem Die Rechtschreibfehler werden ganz zuletzt behoben. Erst mal muß alles in den neuen Look eingebaut werden. Ist ja auch nichts online davon. Die Seiten, die ich hier verlinke, liegen auf nem Test-Webspace.

lg,
kanecorpse

 

[queicherius]

Ah ich habs:

.floatright {
clear:right;
float:right;
padding:2px 0 5px 15px;
}

 

[kanecorpse]

Hi!

Jaaaa, das geht. Genau das, was ich erreichen wollte. Einfach gut, mein Lieber! 10000 DANK!

SUPER, SUPER, SUPER

Für alle anderen, die nach einer solchen Lösung suchen, hier eine Zusammenfassung.

Ein Div enthält Text. In diesem Div sollen rechts vom Text Bilder angeordnet werden. Das erste Bild wird normal rechts gefloatet

.floatright {
 float: right;
 padding: 2px 0 10px 20px; /* Außenabstand oben - rechts - unten - links */
}

Für die folgenden Bilder muß erstmal gecleart werden. Dann wird mit einem weiteren float: right nach rechts ausgerichtet

.floatrightb {
 clear: right;
 float: right;
 padding: 2px 0 10px 20px; /* Außenabstand oben - rechts - unten - links */
}

Das HTML dazu

<div id="text">
 <img src="bild.jpg" class="floatright" />
 <img src="bild2.jpg" class="floatrightb" />
</div>

Das lässt sich auch umgekehrt für Bilder auf der linken Seite umsetzen.


Damit ist das Thema mit den Bildern untereinander rechts anordnen wohl erstmal erledigt. Ich schliesse noch nicht, das werd ich nach Fertigstellung der HP machen.

Na, Maik. Was sagste zur Lösung von queicherius?

lg,
kanecorpse

 

[queicherius]

Ich glaub du brauchst sogar nur eine Klasse und nicht 2

 

[kanecorpse]

Ich weiß nicht recht. Wenn beide Bilder gecleart werden, könnte es vielleich zu ungewollten Verschiebungen kommen. Ist aber nur eine Vermutung.

Ob man da ganze wohl auch mit Listen hinbekommt?

lg,
kanecorpse

 

[queicherius]

Ich weiß nicht recht. Wenn beide Bilder gecleart werden, könnte es vielleich zu ungewollten Verschiebungen kommen. Ist aber nur eine Vermutung.

Bei dir kommt es zu ungewollten Verschiebungen (zumindest im FF) .

Ob man da ganze wohl auch mit Listen hinbekommt?

Meinst du auch untereinander rechts?
Dann einfach ein ul mit der Klasse "floatright"... (nicht getestet^^)

 

[kanecorpse]

Da komm ich nicht ganz mit. Wieso denn nur bei mir und im FF?

Ja, Irgenwie mit ul und li. Dann könnte man vielleich auch noch kurze Texte unter den Bildern anordnen. Ist so ne Idee.
Habs auch noch nicht probiert. Stecke noch bei den Bildern udn Texten fest. Letzte Nacht habe ich alle Seiten angelegt, verlinkt und kleine Fehler entfernt.

greets,
kanecorpse

 

[queicherius]

Oben im Bild nur eins gecleart unten beide...

 

[kanecorpse]

thx für den Hinweis. Hatte die falsche CSS-Datei hochgeladen. *peinlich berührt bin*

greets,
kanecorpse

 

[queicherius]

Hm ok aber meine Methode geht auch und ist einfacher

Zu den Beschriftungen der Bilder:

Einfach

<div class="floatright">
<img src="images/image.gif" alt="" width="100" height="100"><br>
Caption here
</div>

Wenn du willst kannst du dann dem Caption ne neue Klasse geben wo du Hintergrundfarbe etc. machst oder du benutzt einfach div .floatright