Solved

slideshow positioning in html

Posted on 2010-08-31
7
566 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
Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

 

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
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…
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

747 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now