Bilder in einer Reihe
Autor: Grewe-Hagemann A.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
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.
<style type="text/css">
html {overflow-y:hidden;}
</style>
Autor
@Der Zwoemti:
Das hat leider nicht funktioniert. Irgendwie blick ich nicht dahinter. :<
(dennoch schonmal danke, für die schnellen Antworten)
:)
Code von zwoemti hier unter (8) bei der entsprechenden Seite, dann "Erweitert" und Einstellung "Vor dem /HEAD" rein
ä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
Autor
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
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.
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 das ist egal...
@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
hier gehts weiter
http://unofficialwsx5.de/board41-website-x5-version-9/allgemeine-diskussionen/1392-bilder-in-einer-reihe/