Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

slideshow positioning in html

Posted on 2010-08-31
7
Medium Priority
?
613 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 43

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 43

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 43

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 43

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

Tech or Treat!

Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.

604 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