foldergallery css

[gottfried]

Hallo !

Im Grund bin ich hier "off topic", ich weiß es gibt gute CSS Foren, aber vielleicht kennt wer den Trick.
Ich arbeite am foldergallery.htt der colorbox. Der Sinn ist leicht zu wartende, komfortable Onlinekataloge
mit umfangreichen Texten und vielen Bildern zu erstellen und verwalten.

Das funktioniert unter dem ersten Galerieeintrag Gottfried Faaß hervorragend,


http://www.channel-1.de/dbs/cms1/pages/secondlevel/galerie.php


man sieht da den z.T umfangreichen Kategorietext umflossen von den thumbs.
Ich will nun den Text immer links haben und er soll von den Bildern "umflossen" werden,
bzw sollen die Bilder auch rechts bleiben, wenn es nur wenige sind.

im oberen Beispiel geht das schon ganz gut, mit dem Fehler, daß der Text und die thumbs auf den verschiedenen Galerieseiten anscheinend je nach Umfang von Text und Bildern "Bäumchen wechsle dich" spielen, also text oder Bilder mallinks, mal rechts stehen.

ich mein, ich beschreib das cssvereinfacht (ist im Grund auch nicht mehr)

Code:

<div class='thumbs' style ='width: 100%;'>

<div class='categorietext' style='width: 40%; float: left;>
<p>inhalte<p>
</div>

<ul class='picturestyle' style=''>
<li> bild </li>
<li> bild </li>
<li> bild </li>
</ul>

</div>

da ist also ein div, der einen div float left mit Text beinhaltet,  und eine Liste mit Bildern.

Ich schaff es nur nicht, daß der Text immer links bleibt und der Rest stabil umfließt.

 

[dbs]

und wenn du ul.categories ein float: right; mitgibst?

[gottfried]

Hallo !

Genial !

und wenn du ul.categories ein float: right; mitgibst?

Ich versteh zwar nicht, warum  er das bei class photostyle selber nicht macht,
sondern nur wenn mehr bilder drin sind als breit ist.
aber dein Vorschlag funktioniert.

Bei ganz wenig text, wenig bilder läuft's bißchen auseinander, aber damit läßt sich gut leben !
1000 Dank!

 

[gottfried]

Hallo !

Das Beispiel oben funktioniert ja nun fast perfekt. Mir fällt aber noch was auf dabei.

Die "categorie" -  Bilder liegen immer bißchen höher als die "photostyle" - Bilder.
Das liegt daran, daß  ul photostyle unter ul categories liegt und der auch Platz braucht, wenn er leer ist.
Wenn jeweils Text daneben steht, fällt schon auf, daß das nicht in der Flucht ist.

 

[dbs]

ist dein firebug kaputt? 

nimm bei ul.categories
das padding: 12px;  raus

[gottfried]

Ähm ... yes.
Pardon, hatte ich eingebaut, weil beim einen Künstler die Bilder höher waren, als beim anderen.
Tatsächlich liegt es wohl am Textbereich, da (firebug) categorien und bilder definitiv auf gleicher Höhe liegen.

Werd mich also dem fckeditor zuwenden müssen.
Ist ja bekannt, was der gern alles selber macht bzw umstellt.
z.B das Bild in die Überschrift packt, diverse paragrafen rein und &nbspr.

Danke schön !