Previous Message
Next Message

Horiz. Thumbnail gallery alignment

Sent by Roger Roelofs on 14 February 2005 03:03


On Feb 12, 2005, at 11:27 AM, [EMAIL-REMOVED] wrote:

>  Hi Folks,
>
> I was thrilled to find the thumbnail gallery in the book More Eric 
> Meyer on CSS, which has
> helped me get the semblance of a decent thumbnail gallery (almost) 
> working nicely.
>
> What I would like to do is have the text align to the bottom of each 
> block, as well as
> have the bottom of each photograph line up on the same line, instead 
> of lining up on the top, as it currently is.

To get the text to go all they way to the bottom of each div, add 
position: relative; to div.pic, and add the following to div.pic ul
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;


You _really_ need to validate your html.  When building db driven 
sites, it can be very easy to get invalid html.  In your case, some of 
the errors will cause the css not to work correctly.  Also, save 
yourself some grief by removing as much presentational markup as 
possible.  Then the html conflicts with the css, much hair pulling will 
ensue :).

hth
Roger,

Roger Roelofs
Know what you value.

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: