Formatting issues « E2interactive Forums

E2interactive Forums » (E)2 Photo Gallery (The Open Source One) » (E)2 Photo Gallery FAQ

Formatting issues

(3 posts) (2 voices)

Started 1 year ago by thefiend
Latest reply from thefiend

Tags:

No tags yet.

thefiend
Member

Hello E2,

Still trying to format this gallery to fit my design. I have 2 questions.

1. I have placed the gallery code into a td tag:

---
<body background="stripebg.png">
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="200"></td>
<td bgcolor="#000000">.</td>
</tr>
</table>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td>.</td>
</tr>
</table>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#CCCCCC">
<div>

<div class="e2_photo_gallery">
<div class="hd"><div class="c"></div></div>
<div class="bd">
<div class="c">
<div class="s">


---

Now there are several gaps in my design elements that happen outside the td tag, in another table completley. If I put all of the gallery code inside a td tag, how does it effect things outside the td tag? Have I done this wrong? Do I need to put only everything after  inside the td tag and all the outer divs before any of my custom tables??

---
<div>

<div class="e2_photo_gallery">
<div class="hd"><div class="c"></div></div>
<div class="bd">
<div class="c">
<div class="s">

# I.E. My tables go here
---

2. I have replaced the code as per the instructions to get rid of the extra style sheet options, so now my code looks like:

---
<link rel="stylesheet" type="text/css" href="css/e2photo.css" title="none">
---
---
<div id="thumbtoggler"> </div>
---

Now there is just the text "Show IPTC Info", but it isn't clickable. Is this because I chose the "none" stylesheet?

http://fiendishbox.com/cocoacouture/

Thank you,

Darren

Posted 1 year ago #
e2
e2interactive

Everything outside the   controls the look and feel of the gallery, everything inside is the functionality of the gallery. If you want to put your design around the gallery, I'd just put everything inside   into your design. Be sure to include the header PHP includes in the <header> tags. You may have to tweak some of the style sheet, but I haven't looked at the CSS or code of the (E)2 Photo Gallery in a while as I'm working fully with the (E)2 Gallery Pro now.

Posted 1 year ago #
thefiend
Member

Thanks for the reply. I removed a lot of unnecessary code including the string of div tags outside the  . I got the IPTC info button to work by fixing the syntax, for some reason copy and paste from the documentation page replaced double quotes with single quotes.

I have been racking my brain for the reason why there is a gap in my design. I have never seen anything like this before. It is a very simple design so there shouldn't be any reason for the gaps. I have a black header and footer table that each have two columns (td tags). For some reason, one of the columns in each table is sticking out about 3 pixels taller than the other one. The only element in each table is a 80px image that should force the size for each table to 80px height. I would appreciate any help anyone on this forum can give me about this.

I think it might be related to PHP because viewing the page locally in a browser does not cause these gaps (my computer doesn't have PHP). Viewing in dreamweaver is also fine. It seems only when the code is rendered on my webserver that the gaps result.

Is it possibly a PHP version issue? I can't imagine how php could cause these gaps. If it's css, I do not see anything that would be affecting table tr td tags.

http://fiendishbox.com/cocoacouture/

Please help,

thefiend

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.