Hi - I am having an issue with FF (using ver 25.0.1) in properly displaying some thumbnail images with captions underneath.
Here is what this should look like:
Image1 Image 2 Image3
Caption1 Caption2 Caption3 etcc..
In FF it looks more like
Caption1 Caption2 Image1 Image2 Image3
Not good, but works fine in IE 10. Here is the code:
foreach (string srcName in movieList)
{
ImageButton imageButton = new ImageButton();
imageButton.ImageUrl = "~/Data/" + srcName + ".jpg";
imageButton.Style["width"] = "180px";
imageButton.Style["height"] = "135px";
imageButton.Style.Add("padding-top", "4px");
imageButton.Style.Add("padding-bottom", "0px");
imageButton.Style.Add("padding-left", "6px");
imageButton.Style.Add("padding-right", "6px");
imageButton.Style.Add("margin-top", "0px");
imageButton.Style.Add("position", "center");
imageButton.Style["align"] = "bottom";
imageButton.Style["display"] = "inline";
imageButton.Style["float"] = "none";
imageButton.Click += new ImageClickEventHandler(imageButton_Click);
Panel1.Controls.Add(imageButton);
Label label1 = new Label();
label1.Text = srcName;
label1.Style["text-align"] = "center";
label1.Style["float"] = "left";
label1.Style["display"] = "block";
label1.Style["height"] = "45px";
label1.Style["width"] = "180px";
label1.Style["overflow"] = "visible";
label1.Style.Add("padding-top", "4px");
label1.Style.Add("padding-bottom", "0px");
label1.Style.Add("padding-left", "6px");
label1.Style.Add("padding-right", "6px");
label1.Style.Add("margin-bottom", "0px");
label1.ForeColor = Color.Black;
label1.Font.Name = "Calibri";
label1.Font.Size = 12;
Panel1.Controls.Add(label1);
}
I apologize in advance for my crude CSS but any help appreciated.
Thanks in advnce,
Ted