Member
Member
tim254   2008-05-17, 17:11
#1

I'm using the following functions on my site:

`Latest Images

Random Images

`

However, in v1.1.5 printLatestImages showed the images in two rows and 10 columns. In version 1.1.6 it's showing them in 20 rows and 1 column. Any styling I try to apply to it doesn't changed that fact. Is there a way to get the images out of a list like that so they are display horizontally across the page? BTW: This is the way printRandomImages was in v1.1.5 as well.

--
tim

Administrator
Administrator
acrylian   2008-05-17, 17:32
#2

You can use CCS and float: rightto get the old view back even with a list. There is a class already attached you can use. Please see the docs.

EDIT: To explain why it's a list now. You can now choose to show the title, date and description if you wish. And to already have those parts together I choose to put them into `` elements. Semantically this is a list, so I found it fitting.

Member
Member
tim254   2008-05-17, 18:17
#3

Thanks!

I found the docs on printLatestImage:
http://www.zenphoto.org/documentation/zenphoto/_plugins---image_album_statistics.php.html

and printRandomImages:
http://www.zenphoto.org/documentation-official/zenphoto/_template-functions.php.html

I used this just to test it:
``

However, I'm still getting them in a list. However, it doesn't seem to override whatever class is associated with it. Any pointers in the right direction would really be appreciated.

Member
Member
sbillard   2008-05-17, 18:40
#4

Your code should read ``

Administrator
Administrator
acrylian   2008-05-17, 20:01
#5

Actually `` would be enough.

You have to make that class work yourself, it is not set up within the theme's css like this:

.class-to use ul {
do stuff
}

.class-to-us ul li {
do more stuff
}

Here is some info what you all can do with a list and css: http://css.maxdesign.com.au/listamatic/

PS: I did a quick research, printRandomImages was already a list in 1.1.5, I confused it with the recent change of printLatestImages etc.

Member
Member
tim254   2008-05-18, 16:30
#6

Thanks to your help I was able to get it to work. Here's the solution:

CSS:

`.imglatestrandom {

list-style: none;

float: left;

margin:0px 0;

}

.imglatestrandom ul {

padding:0;

margin:0;

list-style:none;

}

.imglatestrandom ul li {

list-style:none;

float: left;

padding: 0px 3px 0px;

margin:0px 0;

}`

Index.php

`Random Images

Latest Images

`

Thanks again!

  
Powered By MyBB, © 2002-2026 MyBB Group.
Made with by Curves UI.