mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 14:15 Benutzername: Passwort: Auto-Login

Thema: Horizontales Layout einer Galerie vom 04.06.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Horizontales Layout einer Galerie
Seite: 1, 2, 3  Weiter
Autor Nachricht
nicolafw
Threadersteller

Dabei seit: 24.09.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 04.06.2012 16:22
Titel

Horizontales Layout einer Galerie

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich realisiere eine Portfolio-Website mit eine horizontalen Layout. Die Bilder sind alle horizontal nebeneinaner angeordnet (float: left) und horizontal gescrollt. Nun muss ich aber eine fixe Beite angeben, was nich timmer möglihc ist und bei Seiten mit wenig Bildern dazuführt, dass rechts viel Weissraum etnsteht.

Wie kann ich das lösen? Muss ich mit Tabellen arbeiten oer gibt es eine andere Lösung?

Code:
<div id='img-container'>
<span class='nothumb'><img src='...' /></span>
<span class='nothumb'><img src='...' /></span>
<span class='nothumb'><img src='...' /></span>
<span class='nothumb'><img src='...' /></span>
</div>

#img-container {
    width: 7500px;
}
.nothumb {
    float: left;
}



Danke für Tipps
Nicola
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Mo 04.06.2012 16:38
Titel

Antworten mit Zitat Zum Seitenanfang

Ich würde etwa so versuchen:

Code:
<div id='img-container'>
<img src='...' />
<img src='...' />
<img src='...' />
<img src='...' />
</div>

#img-container {
    white-space: nowrap;
}


Solltest du das <span> um die Bilder noch für irgend welche anderen Spielereien brauchen, (für Rahmen, Abstände usw.,) dort nicht mit float arbeiten. Eventuell ist für dein <span> dann "dispay: inline-block;" nötig.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Di 05.06.2012 09:58
Titel

Antworten mit Zitat Zum Seitenanfang

Spricht was gegen den Einsatz von Javascript?
  View user's profile Private Nachricht senden
Astro

Dabei seit: 14.04.2003
Ort: Lost Valley
Alter: 48
Geschlecht: Männlich
Verfasst Di 05.06.2012 10:34
Titel

Antworten mit Zitat Zum Seitenanfang

Viele User haben Javascript deaktiviert.
  View user's profile Private Nachricht senden
mokleini

Dabei seit: 23.12.2007
Ort: deutschland
Alter: -
Geschlecht: Männlich
Verfasst Di 05.06.2012 10:44
Titel

Antworten mit Zitat Zum Seitenanfang

Astro hat geschrieben:
Viele User haben Javascript deaktiviert.

und die sind dann noch auf dem IE6 unterwegs.

Jetzt mal ernst. was bedeutet "viele"? 2% ?
  View user's profile Private Nachricht senden
jense

Dabei seit: 04.11.2003
Ort: Dizzledope
Alter: 47
Geschlecht: Männlich
Verfasst Di 05.06.2012 10:44
Titel

Antworten mit Zitat Zum Seitenanfang

ich kenne nicht einen...
  View user's profile Private Nachricht senden
Astro

Dabei seit: 14.04.2003
Ort: Lost Valley
Alter: 48
Geschlecht: Männlich
Verfasst Di 05.06.2012 11:16
Titel

Antworten mit Zitat Zum Seitenanfang

Ich schätze ein Viertel bis ein Drittel.
  View user's profile Private Nachricht senden
jense

Dabei seit: 04.11.2003
Ort: Dizzledope
Alter: 47
Geschlecht: Männlich
Verfasst Di 05.06.2012 11:21
Titel

Antworten mit Zitat Zum Seitenanfang

ich hab gerade diese statistik gefunden. klar sind statistiken nicht wirklich eine messlatte, aber die ergebnisse halte ich doch für recht glaubwürdig...
natürlich kommt es aber immer auf den kunden an für den man entwickelt. für mich hat es jedenfalls noch nie eine rolle gespielt.

e: und den letzten entwickler, der "Iiiih! JavaScript!" geschrien hat, hab ich so um 2001 rum gesehen. *ha ha*


Zuletzt bearbeitet von jense am Di 05.06.2012 11:24, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Horizontales Aufklappmenü
Horizontales Aufklappmenü
horizontales Scrolling
Androidbrowser: Horizontales Scrollen
css horizontales Menü ausrichten
css - horizontales menü, trennstriche
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.