Solved

slideshow positioning in html

Posted on 2010-08-31
7
596 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
  • 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
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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Jquery form 9 40
Provide the IDEA of External JS 1 36
how to customize the text in the legend in highcharts 3 31
Table header must be on top 2 27
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

756 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