nowrap with Image and Checkbox

[jolejni]

Hi eveyone -

I am outputing images with checkboxes to a display page and I am having
problems getting the checkbox to "stick" with the image. Whats currently
happening is the checkbox may or maynot appear to the right of the outputed
image. I want it to allways appear to the right. Sometimes what happens is the
browser window expands and the cells expand (by design) however as this occures
the checkbox for an image may drop down to the next line. I hope I am making
sence here so please ask me for further clarification if you dont understand!
(see code)

Thank you in advance!!!!

<span class="bodymedium">Click to Enlarge Images </span>
<form name="form" method="post" action="">
<br>
<cfoutput query="GetImages">
<a
href="imageinfo.cfm?Image=#GetImages.Image_Path#&I mageID=#GetImages.ImageID#&Cal
ledPage=thispage.cfm"><img src="Images/#GetImages.Image_Thumb#" border="0"
alt="Click to Enlarge"></a>
<input name="checkbox" type="checkbox" value="#GetImages.ImageID#">
</cfoutput> <br>
<br>
<input type="submit" name="Submit" value="Add to Favorites">
</form>

[jdeline]

The problem is that the <input name="checkbox"... is on a different line from
the img tag. This creates a "white space" and causes a break to occur. Code
it like this:

...alt="Click to Enlarge"</a><input name="checkbox"...

[jolejni]

I tried it as you suggested however it is still wrapping the checkbox to the
next line if the browser is expanded or shinked...any suggestions?

<img src="Images/#GetImages.Image_Thumb#" border="0" alt="Click to
Enlarge"</a><input name="checkbox" type="checkbox" value="#GetImages.ImageID#">

Thank you again!!

[dempster]

You can try putting the image and checkbox in a table cell with the NOWRAP attribute, or in adjoing table cells on the same row.

-Paul

[jolejni]

I tried several differnt things (div, td and tr) with no avail. I also set the nowrap on the table cell and it worked, however all the images expaned accross the screen.

hmmm, not sure on this!

[jdeline]

Please post your current code snippet.

[jolejni]

Here you go! Thanks!
<form name="imageform" method="post" action="">
<div align="left">
<cfif isdefined("session.arrMyFav")>
<cfloop index="idx" from="1"
to="#ArrayLen(session.arrMyFav)#">
<cfoutput> <img
src="../galleries/Images/#session.arrMyFav[idx][2]#">
<select name="Sel#idx#"
onChange="MM_goToURL('parent','Builder.cfm?Frame=# URL.Frame#&amp;Image=#session.
arrMyFav[idx][1]#&amp;Quad= ' + document.imageform.Sel#idx#.value);return
document.MM_returnValue">
<option value="...">Click Here</option>
<cfloop index="idx" from="1"
to="#Get_Frame.Frame_Quad#">
<option value="#idx#">Image
#idx#</option>
</cfloop>
</select>
</cfoutput>
</cfloop>
</cfif>
</div>
</form>