Hello,
I would like to center my Gallery on my web page. The Gallery object is within a <CE:Gallery> tag, which is nested in a <form runat="server"> tag, which is further nested in a <div id="albumcontents"> tag. (I will paste my body code below.)
The only way I have been able to center the Gallery has been to wrap it in a <p align="center"> tag, which I do not like because it buffers it with extra space before and after. However, I have tried CSS styling the form tag, the div tag, and even the CE tag to no avail. (The HorizontalAlign property of the CE object only centers thumbnails and images WITHIN the CE object, but not the CE object itself.) Does anyone have any suggestions?
Many thanks,
Tom
BODY HTML:
<body>
<div id="albumheader"><asp:Label ID="Label1" Runat="server"></asp:Label></div>
<div id="albumcontents">
<form runat="server" ID="mainform">
<CE:Gallery
id="gallery1"
runat="server"
Width="750"
Column="6"
Row="1000"
MaxImageWidth="560"
MaxImageHeight="560"
CellPadding="4"
AutoResizeUploadedImages="true"
CellSpacing="0"
ForeColor="#BBBBBB"
BorderColor="#000000"
BorderStyle="solid"
BorderWidth="0"
CssClass="container"
HorizontalAlign="center"
ShowThumbNailName="false"
ShowThumbNailSize="false"
ShowThumbNailDate="false"
ShowThumbNailDescription="false"
ShowSlideShow="true"
ShowBackToImageIndex="true"
ShowHome="true"
ShowHelp="false"
ShowFullScreen="false"
SlideShowDelay="4000"
HomeURL="index.html"
ThumbnailsPrefix="t__"
ShowBatchBuild="true"
ShowEditDescription="false"
ShowUpload="false"
RestrictUploadedImageDimension="true"
></CE:Gallery>
</form>
</div>
</body>