WebSite X5Help Center

 
Grewe-Hagemann A.
Grewe-Hagemann A.
User

Bilder in einer Reihe  de

Auteur : Grewe-Hagemann A.
Visité 2314, Followers 1, Partagé 0  

Hallo WebsiteX5'ler,

ich hätte da noch einmal eine Frage. Und zwar wollte ich die BIlder auf meiner Homepage

SO -> http://www.frankgimbel.de/frame.html <- darstellen. Ich habe bereits einige HTML-Codes ausprobiert. Aber es war leider nie das Richtige, oder die Bilder wurden nicht exakt dargestellt.

Hier ist mein Code:
CSS:
<style type="text/css">
<!--
#content { text-align:center; margin:0px; padding:0px; }
.bilder { margin:1 auto; padding:10px; width:2500px; height:auto; overflow: hidden; }
.bilder img { float:left; margin:0px 10px 0px 0px; padding:10px; }

HTML:
<div id="content">

<div class="bilder">
<img src="***1.jpg"/>
<img src="***2.jpg"/>
<img src="***3.jpg"/>
<img src="***4.jpg"/>
</div>

Leider werden die Bilder auch mit einem vertikalen Scrollbalken angezeigt, und nicht nur mit einem Horizontalen (Der horizontale Scrollbalken ist gewollt, wie es auf der Beispielseite zu sehen ist).

Ich verstehe nicht was ich falsch gemacht habe. :<

Vielleicht kann mir hier jemand einen Tipp geben. :)

LG Andrea


Posté le
9 RéPONSES
René Müller Mail Kingaward äth Bluewin.ch
René Müller Mail Kingaward äth Bluewin.ch
User

Kontrollier doch mal, ob in Deinem Objekt "Galerie" der richtige Galerietyp eingestellt ist. Da müsste stehen Horizontale Bildergalerie (Flash oder Html) und wenn Du keine Miniaturbilder willst, kannst Du das auch noch einstellen, oder ob diese unten oder oben stehen.

Lire plus
Posté le de René Müller Mail Kingaward äth Bluewin.ch
Der Zwoemti
Der Zwoemti
Moderator

<style type="text/css">
html {overflow-y:hidden;}
</style>

Lire plus
Posté le de Der Zwoemti
Grewe-Hagemann A.
Grewe-Hagemann A.
User
Auteur

@Der Zwoemti:

Das hat leider nicht funktioniert. Irgendwie blick ich nicht dahinter. :<
(dennoch schonmal danke, für die schnellen Antworten)

:)

Lire plus
Posté le de Grewe-Hagemann A.
Little-key .
Little-key .
User

Code von zwoemti hier unter (8) bei der entsprechenden Seite, dann "Erweitert" und Einstellung "Vor dem /HEAD" rein

Lire plus
Posté le de Little-key .
Der Zwoemti
Der Zwoemti
Moderator

ähm.... ich bin davon ausgegangen das du das auf der Seite machen willst...

Aber was willst du denn genau machen. Diese Seite in X5 bauen oder was?

ich dachte das es eine Introseite werden soll? 

Falls du mehr Quelltext schreiben willst bist du glaub ich hier besser aufgehoben

http://unofficialwsx5.de

Lire plus
Posté le de Der Zwoemti
Grewe-Hagemann A.
Grewe-Hagemann A.
User
Auteur

Hey,

ich habe jetzt mal ein kleines Beschreibungsbild hinzugefügt (alles noch im Rohzustand ^_^).

Nun soll die Scrollbar 1. nicht mehr da sein. Scrollbar 2. soll weiterhin bestehen bleiben. Die 3. zeigt wie hoch ich es gerne haben würde. So soll es dann in jeder Galerie sein, sodass man mit der Scrollbar 2. Bequem durch die Bilder fahren kann, ohne diese einzeln anklicken zu müssen.

LG Andrea

Lire plus
Posté le de Grewe-Hagemann A.
Der Zwoemti
Der Zwoemti
Moderator

 Gut verstanden - um da jetzt was fertiges zu sagen fehlt es mir an der Seite vom Bild in Echt. 

Die Scrollbar verschwindet mit dem was ich oben geschrieben habe. Dazu muss man aber die Klasse/ID richtig ansprechen. height auto hilft dir auch nicht weiter. Woher soll das Auto kommen - dein HTML Objekt hat nämlich auch eine Höhenangabe. Wink

Ich brauch ein bißchen echten Quelltext damit ich mal was genaues sagen kann was du so alles gemacht hast...und bitte jetzt nicht sagen Seite ist noch nicht fertig Yelldas ist egal... 

Lire plus
Posté le de Der Zwoemti
Little-key .
Little-key .
User

@zwoemti
Ich glaube, Du hast das falsch verstanden. es geht nicht um ein Bild, auch wenn nur ein Bild abgebildet wurde.

@Andrea

Es sollen mehrere Bilder in eine Reihe, ohne dass sie umgebrochen werden und das geht ganz einfach mit nobr.
Damit hier keine vertikale Laufleiste angezeigt wird, muss die Höhe beim Objekt selbst in X5 auf 10px  + mehr eingestellt werden. Also lt. Beispel hier ist die Bilderhöhe auf 140 px, im Objekt dann 150px.

<nobr>
<img src="images/demo_img1.jpg" width="190" height="140" border="0">
<img src="images/demo_img2.jpg" width="190" height="140" border="0">
<img src="images/demo_img3.jpg" width="190" height="140" border="0">
<img src="images/demo_img4.jpg" width="190" height="140" border="0">
<img src="images/demo_img5.jpg" width="190" height="140" border="0">
<a href='images/demo_img6.jpg' target='_blank' width='1280' height='945'>
<img src="images/demo_img6.jpg" width="190" height="140" border="0"></a>
</nobr>

Das letzte Bild gleich mal mit Link auf neue Seite, auch mit Höhen und Seitenbegrenzung, falls gewünscht.

Die Bilder gehören dann natürlich alle in den Ordner images.
Und so kann das ganze extra CSS raus, kann man aber auch mit ID und CSS machen.

Man kann auch natürlich die Bilder alle vorab auf eine Größe bringen, somit können dann die Maßangaben entfallen, aber dann auch kein Link zum großen Bild. Sollte man aber nicht, wer weiß, was einem dazu noch einfällt.

Falls ich das jetzt alles richtig verstanden habe.....

Ansicht: http://www.x5test.home-wiekau.de/v9/test-1.php

Lire plus
Posté le de Little-key .