Teambilderliste

Teambilderliste

alternativtext
Anna
alternativer Text
Amalie
ein Alternativtext
eine Beschriftung
alternativtext
Anna
alternativer Text
Amalie
ein Alternativtext
eine Beschriftung
alternativtext
Anna
alternativer Text
Amalie
ein Alternativtext
eine Beschriftung
Beispiel einer Teambilderliste, deren Reihenfolge Sie durch Klicken und Ziehen selbst bestimmen können. Alle Bilder sind linksbündig ausgerichtet. Wollen sie die Linksbündigkeit beenden, (Weil ein Text, so wie dieser unter der Liste erscheinen soll), müssen Sie kurz in den Textmodus und dort:
<div style="clear: left;"></div>

eingeben.

Vorteil dieser Lösung: sie können per Bild Links (auf die Mitarbeiterseiten) vergeben und die Liste passt sich responsiv auf verschiedene Anzeigegrößen an!

Veröffentlicht am

Teamliste mit Bildern

Die Standard-Bilder-Galerie ist nicht so gut geeignet, weil die Reihenfolge mit dem Hochladen bestimmt wird.

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |
Alternativer Text (Hund)
Anton (Feld: Beschriftung)
  • ein Stück Text, welches komplett rechts neben dem Bild erscheint, wenn man das Bild links ausrichtet
  • eventuell müssen sie in den Textmoduls wechseln, um die Schachtelung von Box und Bild zu machen. Außen ist das div-Tag, welches den grauen Kasten bietet (Format textboxbild)
  • Die Bilder verlinken Sie dann mit einer Mitarbeiterseite, NICHT mit der Anhangsseite.
Anna
Anna

Ein Platzhaltertext, mit Format - textboxaktuell hinterlegt.

Amalie
Amalie

 

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |
Weitere Mitarbeiter

Alternativer Text (Hund)
Anton (Feld: Beschriftung)
Anna
Anna
Amalie
Amalie
A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |
Zacharias

Alternativer Text (Hund)
Anton (Feld: Beschriftung)
Anna
Anna
Amalie
Amalie

Wie ist das realisiert?

Waagerechtes Inhaltsverzeichnis

Veröffentlicht am