Ok, I am screwing this up. A member suggested I set up the top code in the bottom code format.I tried this and screwed it up. They also suggested that I set something up in the CSS. Here is their suggestion:
"An easier way to accomplish what you are trying is to use a master container with two containers within it: 1 for the image, 1 for the caption. Then apply your styles to the master container to position both the image abd captio... And use the span tag's class attribute to control the font color and such... It will clean up your code below quite nicely."

OLD CODE
<td width="600" height="375" valign="top" bgcolor="ffffff">
            <h3>#getpage.header#</h3>
<p>
<cfif #getpage.image# NEQ ''>
<div style="float:right;" >
<table width="275"><tr>
<td width="5"></td><td align="left">
<img src="" border="0"><br>
<cfset formattedcap=replace(#getpage.image_cap#,"#chr(10)#","<BR>","ALL")><font size="1" color="000066" >#formattedcap#</font>
</td></tr></table>
</div>
</cfif>
<cfset formattedcontent=replace(#getpage.content#,"#chr(10)#","<BR>","ALL")>#formattedcontent#
</p>
</td>

New Code
<td width="600" height="375" valign="top" bgcolor="ffffff">
<h3>#getpage.header#</h3>
<p>
<cfif #getpage.image# NEQ ''>
<div class="image-caption-container">
<div class="image"><img src="" border="0">
</div>
<div class="caption"><span class="caption" ><cfset formattedcap=replace(#getpage.image_cap#,"#chr(10)#","<BR>","ALL")><font size="1" color="000066" >#formattedcap#</font></span>
</div>
</div>
</cfif>
<cfset formattedcontent=replace(#getpage.content#,"#chr(10)#","<BR>","ALL")>#formattedcontent#
</p>
</td>
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]

Reply via email to