Solved

slideshow positioning in html

Posted on 2010-08-31
7
603 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 500 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
Technology Partners: 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

What Is Transaction Monitoring and who needs it?

Synthetic Transaction Monitoring that you need for the day to day, which ensures your business website keeps running optimally, and that there is no downtime to impact your customer experience.

Question has a verified solution.

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

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The goal of the tutorial is to teach the user how to how to load their YouTube profile onto Flash Media Live Encoder.

717 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