?
Solved

slideshow positioning in html

Posted on 2010-08-31
7
Medium Priority
?
608 Views
Last Modified: 2012-05-10
Need help moving slideshow higher up on page to right of nav structure, below copy.  Slideshow was done using cu3ox product.  

New problem gallery related files
http://nsitedesigns.com/gallery_testslideshow.html
http://nsitedesigns.com/nsite.css
http://nsitedesigns.com/cu3oxXML.xml
http://nsitedesigns.com/cu3oxCSS.css
http://nsitedesigns.com/cu3ox.swf



0
Comment
Question by:nsitedesigns
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
7 Comments
 
LVL 42

Expert Comment

by:David S.
ID: 33571339
It looks like both #wrapper and #copy_wide need to be made wider.

Also you may want to replace the "height:100%" declarations with "height:261px".

The slideshow doesn't seem to load in Firefox for me. It looks like some of the XHTML errors might be the cause.

P.S. Is it really necessary to use empty paragraphs as spacers?
0
 

Author Comment

by:nsitedesigns
ID: 33571520
I increased width of wrapper and that helped a bit to move animation up and changed the height to 261px.  However, it is still very low on page.  The software generated the following pages.   Where did you find all the empy paragraphs used as spacers?


http://nsitedesigns.com/cu3oxXML.xml
http://nsitedesigns.com/cu3oxCSS.css
http://nsitedesigns.com/cu3ox.swf
0
 
LVL 42

Accepted Solution

by:
David S. earned 2000 total points
ID: 33572648
The empty paragraphs are in gallery_testslideshow.html (which is the only file they're likely to be in).

Try replacing the "CU3OX" section with this one:
<!-- Start CU3OX.com BODY section -->
<script language="JavaScript" src="swfobject.js" type="text/javascript"></script>
<div style="width:640px;height:261px;margin:0 auto;">
  <div id ="cu3ox"></div>
  <script language="JavaScript" type="text/javascript">
    swfobject.createSWF(
      {data:"cu3ox.swf", width:"100%", height:"100%" },
      {menu:true, allowFullScreen:false, allowScriptAccess:'sameDomain', wmode:"transparent", bgcolor:'#FFFFFF', 
       devicefont:false, scale:'noscale', loop:true, play:true, quality:'high'}, "cu3ox");
  </script><a style="display:none" href="http://cu3ox.com">Flash Rotating Banner by cu3ox.com v1.1</a><noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
      codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" 
      width="100%" height="261">
    <param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" />
    <param name="movie" value="cu3ox.swf" /><param name="quality" value="high"/><param name="scale" value="noscale"/>
    <param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" />	
    <embed src="cu3ox.swf" quality="high" scale="noscale" bgcolor="#ffffff" width="100%" height="261" name="cu3ox" wmode="transparent"
      align="left" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" 
      pluginspage="http://get.adobe.com/flashplayer/" />
    </object></noscript>
</div>
<!-- End CU3OX.com BODY section -->

Open in new window

0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:nsitedesigns
ID: 33577853
Well that kinda fixed it.  Software vendor contends that the program is cross compliant.  Can you tell me the version FF you use and what version Flash Player so I can try and figure this out

thanks
0
 
LVL 42

Expert Comment

by:David S.
ID: 33580348
You're welcome.

It works in Firefox now. The XHTML errors that I corrected in the "CU3OX" section I posted above seem to have solved the problem. (This is one of the reasons that fixing errors is so important -- an error might not break things in all browsers.)
0
 

Author Comment

by:nsitedesigns
ID: 33580402
It still doesn't work on my pc with FF or Opera.  Maybe it is a cache issue.  

By the way, when I looked at the original code that the software provided using dreamweaver, there were no extra spaces.  I am not sure where you saw those so that I can remove them for future use.
0
 
LVL 42

Expert Comment

by:David S.
ID: 33582546
Yeah, it's probably a caching issue, because it seems fine here in Firefox 3.6 and 3.0 and Opera 10.5 (I haven't installed 10.6 yet).

The empty paragraphs seem to be gone now. They were immediately under the main nav.
0

Featured Post

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question