mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 23.04.2024 20:57 Benutzername: Passwort: Auto-Login

Thema: Bilder anordnen [PORTFOLIO] vom 04.03.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bilder anordnen [PORTFOLIO]
Autor Nachricht
Bosse1409
Threadersteller

Dabei seit: 18.12.2008
Ort: -
Alter: 31
Geschlecht: Männlich
Verfasst Mo 04.03.2013 19:38
Titel

Bilder anordnen [PORTFOLIO]

 Antworten mit Zitat Zum Seitenanfang
Hallo!

Ich habe ein Problem. Ich will auf meiner Homepage (kein Wordpress) eine Bildergalerie haben, so wie bei http://designspiration.net. Hierzu habe ich in einem festgelegten div den Bildern eine feste Breite zugewiesen.

Leider habe ich keine Ahnung, wie es jetzt weiter gehen soll, mir fehlt da ne Idee, dass sich die Bilder trotz ihrer vielen verschiedenen Formate in die Lücken "einrücken".

Ich hoffe ihr wisst, was ich meine.

Danke schon mal für eure Hilfe,
Grüße, Bosse1409
  View user's profile Private Nachricht senden
labrar

Dabei seit: 04.04.2006
Ort: -
Alter: 49
Geschlecht: Männlich
Verfasst Mo 04.03.2013 19:45
Titel

Antworten mit Zitat Zum Seitenanfang
Naja. Wirklich einrücken in die Lücken tun die Bilder nicht.

Die Bilder haben alle die selbe Breite. Also gibt es zwei Möglichkeiten
Ausgehend von 70Pixel Bildbreite

Code:
<div align="left" style="float:left; width:90px;"><img src="Bild1.jpg"><br><br><img src="Bild1.jpg"><br><br><img src="Bild1.jpg"><br><br><img src="Bild1.jpg"><br><br><img src="Bild1.jpg"><br><br><img src="Bild1.jpg"><br><br></div>
<div align="left" style="float:left; width:90px;"><img src="Bild1b.jpg"><br><br><img src="Bild1b.jpg"><br><br><img src="Bild1b.jpg"><br><br><img src="Bild1b.jpg"><br><br><img src="Bild1b.jpg"><br><br><img src="Bild1b.jpg"><br><br></div>
<div align="left" style="float:left; width:90px;"><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br></div>
<div align="left" style="float:left; width:90px;"><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br><img src="Bild1c.jpg"><br><br></div>

<br clear="left">


Oder eben das gute alte Modulo.

Google einfach mal danach
  View user's profile Private Nachricht senden
Anzeige
Anzeige
ChrisKam

Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht: Männlich
Verfasst Mo 04.03.2013 19:51
Titel

Antworten mit Zitat Zum Seitenanfang
labrar hat geschrieben:
Naja. Wirklich einrücken in die Lücken tun die Bilder nicht.


*Huch*

schalte mal Javascript in Deinem Browser an. *zwinker*

Bosse1409: http://isotope.metafizzy.co/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Bosse1409
Threadersteller

Dabei seit: 18.12.2008
Ort: -
Alter: 31
Geschlecht: Männlich
Verfasst Mo 04.03.2013 20:43
Titel

Antworten mit Zitat Zum Seitenanfang
Das ist genau das richtige, @ChrisKam.

Aber da muss ich mich wohl doch erstmal mit Javascript beschäftigen. Ich hab gedacht, dass lässt sich irgendwie mit CSS lösen...

Trotzdem danke!
  View user's profile Private Nachricht senden
 
Ähnliche Themen Bildergalerie - Bilder im Kreis anordnen... Wie geht das?
[CSS] Div bottom anordnen
Stochastisches anordnen von Bildern?
Css Float 3 Divs anordnen
PS CS5 - Ebenenstile verschieben/anordnen?
DIVs dynamisch anordnen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB