Break verhindern

[pac_nrw]

Hallo zusammen,
ich habe im stylecheet versucht den automatischen Zeilenumbruch zu verhindern. Leider klappt das nicht.
Weiß jemand von euch wie ich das am besten hin bekomme?
Mein ziel ist es, das alle Bilder in einer Reihe mit Scrollbalken sind.

Hier der CSS Teil

@charset "utf-8";
/* CSS Document */
.gallery a img{
    border:none;
    padding:5px;
    min-width:150px;
    min-height:150px;
    }
.gallery li {
    list-style:none;
    display:inline;
    white-space:nowrap;
}

und hier der HTML Teil

<div class="gallery">
<ul>
<li><a href="http://www.psd-tutorials.de/modules/Forum/images/fullscreen/1.jpg" rel="prettyPhoto[gallery]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumbnails/T_1.jpg" alt="" /></a></li>
<li><a href="http://www.psd-tutorials.de/modules/Forum/images/fullscreen/2.jpg" rel="prettyPhoto[gallery]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumbnails/T_2.jpg" alt="Bild 2" /></a></li>
<li><a href="http://www.psd-tutorials.de/modules/Forum/images/fullscreen/3.jpg" rel="prettyPhoto[gallery]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumbnails/T_3.jpg" alt="" /></a></li>
<li><a href="http://www.psd-tutorials.de/modules/Forum/images/fullscreen/4.jpg" rel="prettyPhoto[gallery]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumbnails/T_4.jpg" alt="" /></a></li>
</ul>
</div>

Ich werde es selber auch weiter probieren. :hmpf:

 

[MyBad]

AW: Break verhindern

Ich glaube nicht, dass mein folgender Hinweis das Problem lösen wird: Du hast den ul-Tag nicht geschlossen.

 

[pac_nrw]

AW: Break verhindern

Stimmt, das löst mein Problem nicht. Ich habe nicht den ganzen Code kopiert. Es sind noch ein paar Bilder mehr. Weiter unten ist der Tag geschlossen.

 

[Silvio]

AW: Break verhindern

Soll es der Scrollbalken vom Browser sein oder ein selbst eingefügter?

 

[Malzeit]

AW: Break verhindern

Hallo, ein Ansatz wäre li float:left zu zuweisen. Damit stehen die Bilder nebeneinander, allerdings nur so weit wie der Browser breit ist, dann wird wieder umgebrochen.

 

[sokie]

AW: Break verhindern

kannst Du vielleicht beschreiben was du erreichen willst?
in deinem geposteten html ist gar kein text auf den sich das whitespace:nowrap anwenden liesse?!

 

[cebito]

AW: Break verhindern

Mein ziel ist es, das alle Bilder in einer Reihe mit Scrollbalken sind.

Dann gib mal deinem Div ne Breite und ein overflow mit, dann klappt das auch...

.gallery {
width:600px;
overflow:auto;
white-space:nowrap; /* hier rein, sonst macht der IE Zicken */
}

Wenn du eine eigene Navi willst, musst du overflow auf hidden setzen und dann mal nach "div scrollen" suchen, wurde hier schön öfter behandelt.

 

[pac_nrw]

AW: Break verhindern

Hallo, ein Ansatz wäre li float:left zu zuweisen. Damit stehen die Bilder nebeneinander, allerdings nur so weit wie der Browser breit ist, dann wird wieder umgebrochen.

Habe ich bereits versucht, klappt nicht. Wie du schon schreibst, die Bilder stehen nebeneinander, [...]

kannst Du vielleicht beschreiben was du erreichen willst?

Ja, keinen Zeilenumbruch.

in deinem geposteten html ist gar kein text auf den sich das whitespace:nowrap anwenden liesse?!

Der whitespace:nowrap war ein Versuch der nicht funktioniert hat.

Dann gib mal deinem Div ne Breite und ein overflow mit, dann klappt das auch...

Das werde ich am Montag ausprobieren. Kann ich die weite auf auto stellen? Die Anzahl der Bilder steht leider nicht fest und es kommen immer wieder welche dazu.

Wenn du eine eigene Navi willst, musst du overflow auf hidden setzen und dann mal nach "div scrollen" suchen, wurde hier schön öfter behandelt.

Der Browsereigene scrollbalken reicht mir. Der Div braucht keinen eigenen Scrollbalken.

 

[cebito]

AW: Break verhindern

Kann ich die weite auf auto stellen? Die Anzahl der Bilder steht leider nicht fest und es kommen immer wieder welche dazu.

Du kannst width auch auf auto stellen, musst allerdings für den IE (zumindest IE6) noch extra was angeben (z.B. 100%) sonst verlängert der den ganzen Anzeigebereich nach rechts...

 

[pac_nrw]

AW: Break verhindern

Hat alles funktioniert. Danke für die Hilfe!