Hello, I can't find this anywhere out there on the web. Can anyone tell me how to line these div
boxes up so they are right next to each other instead of one above the
other? What is the code, please? Thank you! ....Paul

<div><object style="width:550px;height:636px" ><param name="movie" value="
http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&amp;shareMenuEnabled=fal se&amp;printButtonEnabled=false&amp;searchButtonEn abled=false&amp;backgroundColor=%23222222&amp;docu mentId=120503215303-8bb11989ef774e8eab14a66490361fb0"
/><param name="allowfullscreen" value="true"/><param name="menu"
value="false"/><param name="wmode" value="transparent"/><embed src="
http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf"
type="application/x-shockwave-flash" allowfullscreen="true" menu="false"
wmode="transparent" style="width:550px;height:636px"
flashvars="mode=mini&amp;shareMenuEnabled=false&am p;printButtonEnabled=false&amp;searchButtonEnabled =false&amp;backgroundColor=%23222222&amp;documentI d=120503215303-8bb11989ef774e8eab14a66490361fb0"
/></object><div style="width:550px;text-align:left;"><a href="
http://issuu.com/paulamodio/docs/lenox-banner-36x84?mode=window&amp;printButtonEnabled=false&amp ;searchButtonEnabled=false&amp;backgroundColor=%23 222222"
target="_blank"></a>

<div><object style="width:550px;height:171px" ><param name="movie" value="
http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&amp;shareMenuEnabled=fal se&amp;printButtonEnabled=false&amp;searchButtonEn abled=false&amp;backgroundColor=%23222222&amp;docu mentId=120503215211-9b6bbe8a5fad443f8c18b1834fd5a094"
/><param name="allowfullscreen" value="true"/><param name="menu"
value="false"/><param name="wmode" value="transparent"/><embed src="
http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf"
type="application/x-shockwave-flash" allowfullscreen="true" menu="false"
wmode="transparent" style="width:550px;height:171px"
flashvars="mode=mini&amp;shareMenuEnabled=false&am p;printButtonEnabled=false&amp;searchButtonEnabled =false&amp;backgroundColor=%23222222&amp;documentI d=120503215211-9b6bbe8a5fad443f8c18b1834fd5a094"
/></object><div style="width:550px;text-align:left;"><a href="
http://issuu.com/paulamodio/docs/brochure?mode=window&amp;printButtonEnabled=false& amp;searchButtonEnabled=false&amp;backgroundColor= %23222222"
target="_blank"></a>

Those that can help well need your link to your website....

Hi Mike,

http://paulamodio.smugmug.com/

thanks, Paul

Originally Posted by paulamodio Hi Mike, http://paulamodio.smugmug.com/ thanks, Paul

What page are these on? I can't find them.

Hi Al,
This page where I created an html page and embedded images from issuu...
http://paulamodio.smugmug.com/Fashio...2801248_Q33bNW

thanks,
Paul

So the first problem is you are missing closing tags for all of those divs. So it's just cascading the code down for each one. You will also want to either stretch the Journal ( Old ) style page to expand the full width with this in your CSS:

#journal {
width: auto;
}

Or you can switch to another gallery style that stretches the full width of the page.

thank you Eric...please advise what the code should be to close the tags.
thanks,
Paul

For every opening <div> you need a closing </div> at the end of the code segment.

Is there a service that can offer fixing these issues for me? If so, what is the fee? I need to roll forward with this and haven't had success with the suggestions. Thanks much!

Paul

All the companies here can be hired for site customization:

http://www.dgrin.com/showthread.php?t=188981

thanks for the info, Eric.. before I spend this kind of money, please advise what I'm doing wrong
http://paulamodio.smugmug.com/Fashio...2801248_Q33bNW
I have followed your direction on using the closing links but the images are still stacked vertically. I need them to be lined up horizontally next to each other.
What else can be done?
thank you,
Paul

You would need to do something, such as floating the Div containers. You could use the following code (please note, there isn't a uniform width for the objects you're embedding, so you may need to increase the width below):

/* display horizontally */
.displayHorizontal {
width:150px;
float:left;
}

You could then add the class to the <div> before each object. For instance:
<div class="displayHorizontal">

This would force them to appear next to each other, until there is no more room (in the browser view), and they are forced down to the next line.

I put the floating code you suggested in the CSS box at the advanced customization page, and this is how I put the code for the horizontal (right after the <div> and just before the <object (see code below for placement). I did this for all of the div boxes. Is this correct? Because it's still not working :(

<div><div class="displayHorizontal"><object style="width:550px;height:662px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&amp;shareMenuEnabled=fal se&amp;printButtonEnabled=false&amp;searchButtonEn abled=false&amp;backgroundColor=%23222222&amp;docu mentId=120503215456-0f8423667b5649cfbeab8aff050403b5" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><param name="wmode" value="transparent"/><embed src="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" wmode="transparent" style="width:550px;height:662px" flashvars="mode=mini&amp;shareMenuEnabled=false&am p;printButtonEnabled=false&amp;searchButtonEnabled =false&amp;backgroundColor=%23222222&amp;documentI d=120503215456-0f8423667b5649cfbeab8aff050403b5" /></object><div style="width:550px;text-align:left;"><a href="http://issuu.com/paulamodio/docs/lenox_gogoinsert15-5x38-125inches-low-res?mode=window&amp;printButtonEnabled=false&amp;s earchButtonEnabled=false&amp;backgroundColor=%2322 2222" target="_blank"></a></div>

Originally Posted by paulamodio I put the floating code you suggested in the CSS box at the advanced customization page, and this is how I put the code for the horizontal (right after the <div> and just before the <object (see code below for placement). I did this for all of the div boxes. Is this correct? Because it's still not working :( <div><div class="displayHorizontal"><object style="width:550px;height:662px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&amp;shareMenuEnabled=fal se&amp;printButtonEnabled=false&amp;searchButtonEn abled=false&amp;backgroundColor=%23222222&amp;docu mentId=120503215456-0f8423667b5649cfbeab8aff050403b5" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><param name="wmode" value="transparent"/><embed src="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" wmode="transparent" style="width:550px;height:662px" flashvars="mode=mini&amp;shareMenuEnabled=false&am p;printButtonEnabled=false&amp;searchButtonEnabled =false&amp;backgroundColor=%23222222&amp;documentI d=120503215456-0f8423667b5649cfbeab8aff050403b5" /></object><div style="width:550px;text-align:left;"><a href="http://issuu.com/paulamodio/docs/lenox_gogoinsert15-5x38-125inches-low-res?mode=window&amp;printButtonEnabled=false&amp;s earchButtonEnabled=false&amp;backgroundColor=%2322 2222" target="_blank"></a></div>

Remove all that red html from the advanced customization CSS. That goes in the album description.