Slide Tabs in Staroffice 8

Just installed Staroffice 8 and I was used to tabsin So7 along the bottom of the slides that allowed me to select the next few slides. These seem to be missing and there does not seem to be an easy way to go to the next slide.
How do I turn these tabs on.
Thanks
indie7068

I came here to post the same question. How do I move forward in the slides? (without being in the slide show, take over my screen, mode)
I've never used PowerPoint so comparing to PowerPoint doesn't work for me.
I did find that I can hit "page down" on my keyboard to move forward. But I too miss the forward and backward arrows that used to be at the bottom of the slide view.
The only way I can get the slide icons to show up in the left is to click "outline." Then I can click one of the icon slides, but it won't show up until I click "normal." But when I click "normal," the slide icons disappear.
This seems like a dis-improvement over the last version.

Similar Messages

Select Items on Slide (tab?)

In Powerpoint, using the tab key, selects individual objects and text boxes on a slide. Is there anything like that in Keynote.
Thanks.

Tab selects objects (in order of depth) from back to front and Shift-Tab selects objects from front to back. So, if you're pressing Tab a few times and have found that you've gone past your target, just hold down Shift and press Tab and you won't have to go through the entire stack again

Auto Brightness slider tab on/off not there after OS 6 update

Don't even have the slider button. Has anyone experienced this issue?

OK,
The Cookie setting had to be set to always, all browsing data and cookies had to be reset. works now.

Master Slides - Need alternate solution.

I am an Apple Keynote/Aperture user who desires to create multi-image slides using a grid in which individual photos are deposited into cells like picture frames - sort of like a school yearbook layout. I have experimented with creating master slides using "Tables" and "Shapes" within Keynote, but find that they have limitations:
1. Using shapes in Master Slides, it is extremely difficult to get equal-sized borders between images using the "align" and "distribute" functions, particularly so if the cells are different sizes. As you are aware, these functions only operate on a horizontal or vertical basis. Is there a function that would automatically align all the cells on a slide in both dimensions?
2. With Tables, I cannot zoom or re-orient the image other than "fit" or "fill".
I would like to have a variety of various "grids" stored and available for use again and again. I am guessing that some software manufacturer makes a variety of template type grids - like the type graphic artists must use - that can be employed within the Apple system. If these do exist it would make my job a lot simpler. So my question is: On what computer user's forum should I raise this question?
Thanks for your time and I would appreciate any thoughts you might have.
Kent Loudon
Message was edited by: Old Photog

Old Photog wrote:
1. If I click "create a new master slide", Keynote duplicates the nearest master in the list. Is there a way to start out with a blank master?
No. As you say, creating a new master slide always just duplicates the currently selected master
2. I dragged some images from Finder into media
placeholders in a new slide. Later when I came back to Keynote I found the images had been replaced with a grey background, outline "X" and question mark. What happened?
Keynote doesn't treat images the way it treats audio and video i.e. images are always copied into the presentation, whereas with audio and video you have a choice to simply link to them. You wouldn't see the 'broken' image holders if you, say, dropped some images into a presentation and then moved/deleted the original images in the Finder. Keynote would be using the local copies it made of the images, and would have no dependency on the originals.
The only way I could duplicate this was to actually view the package contents of the presentation and manually delete the local copies of images that Keynote had stored. When I did that to a presentation and then opened it, I did indeed see the grey boxes with question marks that you describe.
Can you describe in more detail what you did between placing the images and then "coming back to Keynote" to find that the images had broken. Was it really just a case of closing the file, and then opening it again?
3. What is the proper way to select a master slide when creating a new slideshow slide?
I'm not sure exactly what you mean here. Are you talking about the best way to choose which master slide is applied to a new slide that you create in a presentation?
Similar to creating a new master slide, you don't really have much control over which master is used. Keynote will use the master of whichever slide you have selected when you add the new slide.
After that you can do one of 3 things to choose which master is applied to the slide:
1. Choose one from the Masters button on the toolbar
2. Drag a master from *Master Slide* area in the slide viewer onto the newly created slide in the Slides area
3. In the Slide tab of the inspector, under Appearance choose a master from the list of thumbnails
Message was edited by: maddoguk69

Objects in Master slides staying infront

Hi I'm wondering if there is an option within keynote to allow objects in master slides to appear in front of objects in slides that that master is applied to.
Hope this makes sense!!

Yes, select the Master slide, then
Chose the "Slide" tab in the inspector, then "Appearance" and select "Allow objects on slide to layer with master"

How do I add text to individual slides in slideshow to make a caption?

How do I add text to individual slides in a slideshow in order to make a caption on each slide?

It will depend on the theme you are using for the slide show.
For some themes you can add custom text or metadata to the slide as captions, for example the "Classic" theme. Use the "Selected Slides" tab and enable "Text".

Saving Master Slide to Use in Other Projects Captivate 6

Can anyone tell me how I can save a master slide so that I can use it in other projects? i've copied and pasted into the Master slide tab in the new project, but it does not allow me to use it as my master slide. Any suggestions?

That is really strange, because I'm doing that all the time. Did you use the same theme? I'm setting always Blank as my default theme (do not like those themes that much) and I can copy/paste master slides from other projects (that also use that Blank theme).
Lilybiri

Timeline Slider Problem

hello,
I'm having a problem with my timeline slider everything works great on it until I try and hide it when going to a new page in the flash. There are two pages, a homepage with the timeline and second page with the timeline hidden. When going to the second page I want to have the timeline slide off the document. When I do this it causes the timeline slider tab position to jump back to the beginning of the timeline before sliding off screen. I can't seem to figure out how to preserve the slider tab position before the timeline moves off screen.
Originally the slider tab of the timeline animates onto screen using a traditional tween after running this as2:
var enableTicker = false;
var tickerMc:MovieClip = this.createEmptyMovieClip("tickerMc", this.getNextHighestDepth());
tickerMc.onEnterFrame = function() {
if(enableTicker) {
if((timebutton._x > 35) && (timebutton._x <= 70)) {
if((_root._currentframe != 46) && (_root._currentframe != 45)) {
theframe = "frame1920";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
if((timebutton._x > 70) && (timebutton._x <= 140)) {
if(_root._currentframe != 47) {
theframe = "frame1930";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
if((timebutton._x > 140) && (timebutton._x <= 208)) {
if(_root._currentframe != 48) {
theframe = "frame1940";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
if((timebutton._x > 208) && (timebutton._x <= 275)) {
if(_root._currentframe != 49) {
theframe = "frame1950";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
if((timebutton._x > 275) && (timebutton._x <= 345)) {
if(_root._currentframe != 50) {
theframe = "frame1960";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
if((timebutton._x > 345) && (timebutton._x <= 413)) {
if(_root._currentframe != 51) {
theframe = "frame1970";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
if((timebutton._x > 413) && (timebutton._x <= 481)) {
if(_root._currentframe != 52) {
theframe = "frame1980";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
if((timebutton._x > 481) && (timebutton._x <= 547)) {
if(_root._currentframe != 53) {
theframe = "frame1990";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
if((timebutton._x > 547) && (timebutton._x <= 610)) {
if(_root._currentframe != 54) {
theframe = "frame2000";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
if((timebutton._x > 610) && (timebutton._x <= 690)) {
if(_root._currentframe != 55) {
theframe = "frame2010";
//_root.blender.gotoAndPlay(2);
_root.gotoAndPlay(theframe);
//trace(timebutton._x);
At the end of the tween the slider tab has this as2:
on (press) {
if(init) {
startDrag("timebutton", false, 32, 440, 637, 440);
if(!dragHelpInit) {
dragHelpInit = true;
_root.dragHelp.gotoAndPlay("hideDrag");
dragging = true;
usingDrag = true;
on (release) {
if(init) {
stopDrag();
if((timebutton._x > 31) && (timebutton._x <= 100)) {
if((_root._currentframe != 46) && (_root._currentframe != 45)) {
theframe = "frame1920";
_root.blender.gotoAndPlay(2);
if((timebutton._x > 100) && (timebutton._x <= 170)) {
trace("i'm here");
if(_root._currentframe != 47) {
theframe = "frame1930";
_root.blender.gotoAndPlay(2);
trace("and here");
//_root.gotoAndStop("frame1930");
if((timebutton._x > 170) && (timebutton._x <= 235)) {
if(_root._currentframe != 48) {
theframe = "frame1940";
_root.blender.gotoAndPlay(2);
if((timebutton._x > 235) && (timebutton._x <= 303)) {
if(_root._currentframe != 49) {
theframe = "frame1950";
_root.blender.gotoAndPlay(2);
if((timebutton._x > 303) && (timebutton._x <= 373)) {
if(_root._currentframe != 50) {
theframe = "frame1960";
_root.blender.gotoAndPlay(2);
if((timebutton._x > 373) && (timebutton._x <= 443)) {
if(_root._currentframe != 51) {
theframe = "frame1970";
_root.blender.gotoAndPlay(2);
if((timebutton._x > 443) && (timebutton._x <= 508)) {
if(_root._currentframe != 52) {
theframe = "frame1980";
_root.blender.gotoAndPlay(2);
if((timebutton._x > 508) && (timebutton._x <= 573)) {
if(_root._currentframe != 53) {
theframe = "frame1990";
_root.blender.gotoAndPlay(2);
if((timebutton._x > 573) && (timebutton._x <= 630)) {
if(_root._currentframe != 54) {
theframe = "frame2000";
_root.blender.gotoAndPlay(2);
if((timebutton._x > 630) && (timebutton._x <= 720)) {
if(_root._currentframe != 55) {
theframe = "frame2010";
_root.blender.gotoAndPlay(2);
trace(timebutton._x);
dragging = false;
Now when I try to animate it off screen it obviously jumps back to the initial position because I'm basically just using the same key frames, but reversed. Does anyone know how I can preserve the position of this slider tab?

Just to get this out of the way early, as a test, make sure that the Timeline Panel has focus, and try the Spacebar again. While the Timeline will play, with many other Panels having focus, I have encountered times, where, say focus on the Project Panel, will not allow the Timeline to play.
In PrPro, there is an orange border around any Panel with focus, but PrE is not so easy to spot, unless you are looking at the Timeline Panel's border, when you click on it, and notice a very subtle (I mean VERY subtle) change.
Good luck,
Hunt

Unable to Set Master Slide Properties

I'm not sure how this happened, because I could do this in the past, but for some reason I cannot set properties for the master slides in my project.
I am using Captivate 7 32-bit, and when I click on a master slide I get the "Master Slide View" message and can add/remove/modify objects on the master slide. But, for some reason, I cannot set the properties of the master slide iteself anymore. Specifically, I am trying to re-name one of the master slides, and the properties view is the same as the last filmstrip slide that I viewed.
For example, I am editing slide 2/10 from the filmstrip. I decide to change the master slide associated with this slide. So, I click on the master slide tab, then select the master slide I want to edit. The "Master Slide View" message appears, but the properties tab remains the same as the last slide I was viewing on the filmstrip. If I select an object on the master slide (like a text box), I can modify the properties of that text box. But, I cannot modify properties for the master slide I am working with.
Any ideas of how to re-enable the properties of the master slide? I already restarted Captivate and my computer a couple of times.

See tip #8 in this list:
http://www.infosemantics.com.au/adobe-captivate-troubleshooting/basic-troubleshooting-tech niques
If you want 300 more troubleshooting tips for Cp, you'll need to read the book:
http://www.infosemantics.com.au/troubleshoot-adobe-captivate

Need CSS help Coda-Slider 2

I'm having trouble setting the width of the <ul> in this Coda-Slider tab set up. I'd like all the tabs across the top to display in one line rather that wrap to two.
http://www.cidigitalmedia.com/coda-slider-2.0/index.html
You'll see the last tab wraps below.
Looked over the CSS and .js and could not find anything setting the <ul> to 552...
But IE Developer Tools toolbar and Firebug show an inline style of 552px...
I just can't find where that is.
CSS file:
http://www.cidigitalmedia.com/coda-slider-2.0/stylesheets/coda-slider-2.0.css
Would greatly appreciate some help.
Best wishes,
Adninjastrator

Thanks for your reply!
Turns out that the <ul> width was a math computation in the .js file (there was no <ul> width coded in the CSS or HTML).
A helpful soul over at:
http://stackoverflow.com/
helped me ID that line in the .js file.
ul.css({ width: 'auto', marginLeft: -18 });
I still had to use a neg margin to move the tabs all to the left... but all is working now.
http://www.cidigitalmedia.com/coda-slider-2.0/index.html
Best wishes,
Adninjastrator

Unable to Paste Objects from Slides into Master Slides

I'm wondering if I'm missing a step or if anyone else has this problem:
I'm adding a new master slide to a theme and trying to customize it by copying objects and text boxes I've made on a regular slide onto a master slide. I can copy and paste on the regular slide, but the master slide will not accept any pasted objects, even though they were made in Keynote.
I can't find any way to unlock a whole slide, or other clue to making the new master slide accept the pasted objects.
Thanks for any help or suggestions.

Figured it out...
1. Open the "problematic" document.
2. Go to slide with the elements you want to copy (not your master slide)
3. Open your Inspector box > Slide tab > Appearance tab.
4. Uncheck ALL components - Title, Body, Slide Number, Object Placeholder.
5. Go back to the slide and "select all" (or individual elements), and select Edit > Copy.
6. Go to your Master Slide and paste (done)
Don't ask me why the software behaves like this, step 4 is the kicker! It doesn't make sense to me, but I'm sure someone with greater knowledge of the app can answer that question.

Keynote advanced slide numbering "X of Y"

Does someone here know if it is possible to put something like "Page X of Y" on the slides where Y is the automatic number of all slides?
Thanks
p.

X is possible. From the Inspector Window, look in the slide tab (second from left) and click on appearance on the top. There should be an option there for "slide number." This option may need to be checked for every slide, which you can do all at once by highlighting every slide in the left frame (click on one slide, then command+A) and then going through the inspector to option in the "slide number."
As for Y, you may have to place that in manually using a text box.

Why has the transition changed for the Classic theme

Some years ago I asked how to have no transitions on a slideshow and I was told to use the Classic theme. This had Transition: None. I used this to convert many 4:3 photos to 16:9 HD for display on TV, one by one.
Now, when doing the same, the last second had the Dissolve feature even though it had Transition: None! Some how it has now changed to Transition: Dissolve and I can't find a way to change it back.
I'm using iPhoto 11 v 9.2.3, created 25/8/10 6.06am, modified 3/4/12 1.18am, on OS X 10.6.8.
My earliest backup (Time Machine) was 14/9/12 & has exactly the same iPhoto details. The modified date (3/4/12) was when I downloaded the 9.2.3 version. One photo previously modified is dated 27/11/12. Some how the transition changed since I used it even though iPhoto wasn't changed since a date 7 months earlier? I've reverted back to the 14/9/12 backup and it shows Transition: Dissolve even though that version was used for the photo and had None at the time!!!
I've tried modifying/deleting various iPhoto Plist files; iPhoto just modifies/re-creats them. I've even re-installed iPhoto from the original iLife disc onto the 14/9/12 system, but when I tried to use it it told me I have to get an upgrade. Upgraded to v 9.1 and upon opening it said it couldn't use the current photo storage space because it's a newer version (something like that) and asked if I wanted to Cancel or Create a new one and only gave Cancel as an option! Updating again creates v 9.2.3 (date: Today) and it has Transition: Dissolve.
I now believe there must be a file somewhere that contains this setting but, where and why wasn't it reset after restoring from backup?
Any help would be much appreciated.

I cannot check with your version any longer. But where have you checked the "Transition" setting?
Check in both places for the slideshow settings - the "All Slides" tab, and the "this Slide"tab for individual slides.
(This screenshot is from version 9.6 -sorry)
The properties of your slideshows will be stored in the iPhoto library. Have you run the First aid Tools to repair the permissions and the library?
Do the following:
To launch the "First Aid Tools" hold down the options-command keys ⌥⌘ while double clicking your iPhoto Library.
Keep the keys held down firmly until the First Aid panel appears.
Then select "Repair database" from the First Aid pane.
The may take a while for a large library.
Repeat with "Repair Permissions".

How do i make this page adapt to all screen sizes???

if i copy and paste my index code can someone please tell me if theres anything i can add so it will adapt to all screen sizes??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Nicola Campbell Photography</title>
<style type="text/css">
#apDiv1 {
          position:absolute;
          width:1001px;
          height:170px;
          z-index:1;
          left: 438px;
          top: 221px;
#navbar {
          height: 40px;
          width: 900px;
          margin-right: auto;
          margin-left: auto;
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
</style>
<script src="js/modernizr-2.5.2-respond-1.1.0.min.js" type="text/javascript"></script>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
<script type="text/xml">

</script>
<style type="text/css">
#apDiv2 {
          position:absolute;
          width:901px;
          height:49px;
          z-index:2;
          left: 487px;
          top: 51px;
          text-align: center;
          color: #FF99FF;
          font-size: 80px;
          font-family: HaloHandletter;
#apDiv3 {
          position:absolute;
          width:409px;
          height:56px;
          z-index:3;
          left: 768px;
          top: 96px;
          color: #999999;
          font-family: "Adobe Garamond Pro";
          font-size: 24px;
#apDiv2 div {
          font-size: 100px;
          font-family: HaloHandletter;
          color: #999999;
#apDiv4 {
          position:absolute;
          width:901px;
          height:449px;
          z-index:4;
          left: 451px;
          top: 202px;
#apDiv5 {
          position:absolute;
          width:848px;
          height:152px;
          z-index:11;
          left: 433px;
          top: 201px;
#apDiv6 {
          position:absolute;
          width:200px;
          height:115px;
          z-index:5;
          left: 1250px;
          top: 138px;
#apDiv7 {
          position: absolute;
          width: 891px;
          height: 42px;
          z-index: 5;
          left: 552px;
          top: 174px;
#apDiv8 {
          position:absolute;
          width:48px;
          height:50px;
          z-index:6;
          left: 102px;
          top: 51px;
#apDiv9 {
          position:absolute;
          width:49px;
          height:51px;
          z-index:7;
          left: 152px;
          top: 51px;
#apDiv10 {
          position:absolute;
          width:49px;
          height:49px;
          z-index:8;
          left: 202px;
          top: 51px;
#apDiv11 {
          position:absolute;
          width:52px;
          height:52px;
          z-index:9;
          left: 252px;
          top: 51px;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<meta name="Description" content="Welcome to Nicola Campbell Photography. I am based in Lancashire and specialise in Wedding Photography." />
<meta name="viewport" content="width=device-width" />
<link href="untitled.css" rel="stylesheet" type="text/css" />

<link href="iphone.css" rel="stylesheet" type="text/css" media="only screen and (max-width:320px)" />

<link href="ipad.css" rel="stylesheet" type="text/css" media="only screen and (min-width:321px) and (max-width:768px)" />

<link href="desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:769px)" />
<style type="text/css">
#apDiv12 {
          position:absolute;
          width:1013px;
          height:648px;
          z-index:1;
          left: 321px;
          top: 299px;
</style>
</head>
<body onload="MM_preloadImages('navbaroriginalroll_r1_c1.jpg','navbaroriginalroll_r1_c2.jpg','n avbaroriginalroll_r1_c5.jpg','navbaroriginalroll_r1_c6.jpg','navbaroriginalroll_r1_c7.jpg' ,'navbaroriginalroll_r1_c8.jpg','navbar_r1_c4.jpg')">
<div id="apDiv2">
<div align="center">nicola campbell</div>
</div>
<div id="apDiv3">P H O T O G R A P H Y</div>
<div id="apDiv7"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar','','navbaroriginalroll_r1_c1.jpg',1)"><img src="navbaroriginal_r1_c1.jpg" alt="c1" name="navbar" width="111" height="40" border="0" id="navbar2" /></a><a href="Aboutme.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','navbaroriginalroll_r1_c2.jpg',1)"><img src="navbaroriginal_r1_c2.jpg" name="Image13" width="111" height="40" border="0" id="Image13" /></a><a href="Gallery.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','navbaroriginalroll_r1_c5.jpg',1)"><img src="navbaroriginal_r1_c5.jpg" alt="c5" name="Image21" width="111" height="40" border="0" id="Image21" /></a><a href="Blog.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','navbaroriginalroll_r1_c6.jpg',1)"><img src="navbaroriginal_r1_c6.jpg" alt="c6" name="Image22" width="111" height="40" border="0" id="Image22" /></a><a href="ContactMe.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','navbaroriginalroll_r1_c7.jpg',1)"><img src="navbaroriginal_r1_c7.jpg" alt="c7" name="Image23" width="111" height="40" border="0" id="Image23" /></a><a href="Clients.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','navbaroriginalroll_r1_c8.jpg',1)"><img src="navbaroriginal_r1_c8.jpg" alt="c8" name="Image24" width="111" height="40" border="0" id="Image24" /></a><a href="Weddings.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','navbar_r1_c4.jpg',1)"><img src="navbar_r1_c41.jpg" alt="" name="Image25" width="111" height="40" border="0" id="Image25" /></a></div>
<div id="apDiv5">
<script type="text/javascript">
// BeginOAWidget_Instance_2827522: #OAWidget
$(window).load(function() {
      $('#slider').flexslider({
              namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
    selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
      animation: "slide",
             easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
      direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
    reverse: false,                 //{NEW} Boolean: Reverse the animation direction
    animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
    smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
      slideshow: true,                //Boolean: Animate slider automatically
      slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
      animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds
      initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
      randomize: false,               //Boolean: Randomize slide order
             useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
      touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
       video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
      directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
      controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
      keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
      mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
      prevText: "Previous",           //String: Set the text for the "previous" directionNav item
      nextText: "Next",               //String: Set the text for the "next" directionNav item
      pausePlay: false,               //Boolean: Create pause/play dynamic element
      pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
      playText: "Play",               //String: Set the text for the "play" pausePlay item
      startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
      pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
      pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
      start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
            controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                                             not found, the default action will be taken.
       manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
       // Carousel Options
    itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
    itemMargin: 10,                  //{NEW} Integer: Margin between carousel items.
    minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
    maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
    move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
            before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
      after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
      end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
// EndOAWidget_Instance_2827522
</script>
<script type="text/javascript">
// BeginOAWidget_Instance_2827522: #OAWidget
$(window).load(function() {
      $('#slider').flexslider({
              namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
    selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
      animation: "slide",
             easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
      direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
    reverse: false,                 //{NEW} Boolean: Reverse the animation direction
    animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
    smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
      slideshow: true,                //Boolean: Animate slider automatically
      slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
      animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds
      initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
      randomize: false,               //Boolean: Randomize slide order
             useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
      touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
       video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
      directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
      controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
      keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
      mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
      prevText: "Previous",           //String: Set the text for the "previous" directionNav item
      nextText: "Next",               //String: Set the text for the "next" directionNav item
      pausePlay: false,               //Boolean: Create pause/play dynamic element
      pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
      playText: "Play",               //String: Set the text for the "play" pausePlay item
      startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
      pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
      pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
      start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
            controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                                             not found, the default action will be taken.
       manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
       // Carousel Options
    itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
    itemMargin: 0,                  //{NEW} Integer: Margin between carousel items.
    minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
    maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
    move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
            before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
      after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
      end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
// EndOAWidget_Instance_2827522
</script>
<div id="main-container">
    <p> </p>
    <div id="main" class="wrapper clearfix">
      
      <div id="container">
        <div id="slider" class="flexslider">
          <ul class="slides">
            <li> <img src="hollie.jpg" width="500" height="600" /> </li>
            <li> <img src="slider2.jpg" width="500" height="600" /> </li>
            <li> <img src="slider3.jpg" width="500" height="600" /> </li>
            <li> <img src="slider8.jpg" width="500" height="600" /> </li>
            <li> <img src="slider4.jpg" width="500" height="600" /> </li>
            <li> <img src="slider5.jpg" width="500" height="600" /> </li>
            <li> <img src="slider6.jpg" width="500" height="600" /> </li>
            <li> <img src="slider1.jpg" width="500" height="600" /> </li>
          </ul>
        </div>
        <div id="carousel" class="flexslider" style="display:none;">
          <ul class="slides">
            <li> <img src="hollie.jpg" width="500" height="600" /> </li>
            <li> <img src="slider2.jpg" width="500" height="600" /> </li>
            <li> <img src="slider3.jpg" width="500" height="600" /> </li>
            <li> <img src="slider8.jpg" width="500" height="600" /> </li>
            <li> <img src="slider4.jpg" width="500" height="600" /> </li>
            <li> <img src="slider5.jpg" width="500" height="600" /> </li>
            <li> <img src="slider6.jpg" width="500" height="600" /> </li>
            <li> <img src="slider1.jpg" width="500" height="600" /> </li>
          </ul>
        </div>
      </div>
    </div>
    
</div>

</div>

<div id="apDiv8"><a href="https://www.facebook.com/nicola.shulmancampbell?fref=ts"><img src="Retro-Facebok-Rounded-128.png" width="48" height="48" /></a></div>
<div id="apDiv9"><img src="Retro-Flickr-Rounded-128.png" width="48" height="48" /></div>
<div id="apDiv10"><img src="Retro-Tumblr-Rounded-128.png" width="48" height="48" /></div>
<div id="apDiv11"><a href="https://twitter.com/nicola_shulman"><img src="Retro-Twitter-Rounded-128.png" width="48" height="48" /></a></div>
<script type="text/javascript">
$(window).load(function() {
      $('#slider').flexslider({
              namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
    selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
      animation: "slide",
             easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
      direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
    reverse: false,                 //{NEW} Boolean: Reverse the animation direction
    animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
    smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
      slideshow: true,                //Boolean: Animate slider automatically
      slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
      animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds
      initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
      randomize: false,               //Boolean: Randomize slide order
             useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
      touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
       video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
      directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
      controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
      keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
      mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
      prevText: "Previous",           //String: Set the text for the "previous" directionNav item
      nextText: "Next",               //String: Set the text for the "next" directionNav item
      pausePlay: false,               //Boolean: Create pause/play dynamic element
      pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
      playText: "Play",               //String: Set the text for the "play" pausePlay item
      startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
      pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
      pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
      start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
            controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                                             not found, the default action will be taken.
       manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
       // Carousel Options
    itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
    itemMargin: 10,                  //{NEW} Integer: Margin between carousel items.
    minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
    maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
    move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
            before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
      after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
      end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
// EndOAWidget_Instance_2827522
</script>
</body>
</html>

APDivs cannot be resized.
APDivs in primary layouts won't work in Responsive Web Design.
APDivs are a very poor layout method.
For this reason, Adobe removed APDivs from Dreamweaver CC.
Example of Fluid Grid Layout with floats & margins, no APDivs required.
http://alt-web.com/FluidGrid/Fluid2.html
Nancy O.

New to code, need help please!!!

I have been designing my first website by following a string of videos I have purchased online. (Timothy Training w/ Framework Files) I am finally to the point that I am ready to 'put' these file on my business catalyst account and get them online. I have run into an issue however. I have a page called services.html and within it I have built a 'featured content slider' that links to several pages. The code was working perfectly in any browser that I previewed it in, live view, inspections, everything was fine!! Until, I 'put' the files onto my business catalyst account, now all of the sudden the code does not display correctly anymore. I have made no changes to the code what-so-ever, no changes to the style sheets, nothing. I had a tech support guy that took a 'quick look' and said that my outer div was all of the sudden in the wrong place. I dont understand how 1. it shifted when I made no changes, 2. It works perfectly fine when I view it outside of BC platform and 3. how to even begin to fix the issue. I have spent hours upon hours trying to remedy this myself and I am finally at a breaking point and quite desperate for help. I have so many hours into this site and I am quite frustrated that I made it this far only for it to fail. Please anyone that is willing to take a look I would be grateful. I am not sure if I should post the code in here or not as this is my first post in the forum. I guess I will try to copy and paste and see if that works. Any suggestions would be great help.. Thank you so much!
I will copy and paste the code in this order: (I think this is all the code needed to figure it out,I hope...)
services.html
featureList.js
featured.css
styles.css
services.html
<!DOCTYPE HTML>
<html>
<head>
          <script type="text/javascript" src="js/jquery.js"></script>
    <link href="css/styles.css" rel="stylesheet" type"text/css" media="screen">
    <link href="css/print.css" rel="stylesheet" type"text/css" media="screen">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Type" content="cache" />
    <meta name= "robots" content="INDEX,FOLLOW" />
    <meta name= "keywords" content="Enter Keywords" />
    <meta name= "description" content="Description Here" />

    <title>Web Site by Tahoe POS Systems LLC - www.tahoesystems.com</title>
              <script type="text/javascript" src="js/featureList.js"></script>
    <link rel="stylesheet" href="css/featured.css" />
          <script language="javascript">
                    $(document).ready(function() {
                              $.featureList(
                                        $("#tabs li a"),
                                        $("#output li"), {
                                                  start_item          :          1
          </script>
    
    
    


</head>
<body>
<div id="outer">
          <div id="wrapper">
                    <div id="logo">
                  <img src="images/logos/logo2.png" />
        </div>
        <div id="social-media-icons">
                  <ul>
                      <li><a href="http://www.facebook.com/tahoesystems"><img src="images/icons/facebook_32.png" /></a></li>
                <li><a href="#"><img src="images/icons/rss_32.png" /></a></li>
                <li><a href="http://www.twitter.com"><img src="images/icons/twitter_32.png" /></a></li>
                <li><a href="http://www.youtube.com"><img src="images/icons/youtube_32.png" /></a></li>
          </ul>
        </div>
        <div id="topnav">
                  <ul>
                      <li><a href="index.html">HOME</a></li>
                <li><a href="about.html">ABOUT US</a></li>
                <li><a href="clients.html">CLIENTS</a></li>
                <li><a href="services.html">SERVICES</a></li>
                <li><a href="contact.html">CONTACT US</a></li>
            </ul>
        </div>
        <div id="banner">
                  <img src="images/banner/b1.png" />
        </div>
        <div id="content-fullwidth">
          <h1>Welcome to Tahoe Systems Web Site!</h1>
          <p>Our Mission – To ensure your restaurant, bar, café, diner, or eatery operates smoothly. Streamline your workflow by providing the latest, most up-to-date technology the industry has to offer. Maximize your profits with a personalized POS system that works for you and not against you. Ease your stress with the quickest, most reliable, 24-hour technical support in the area. Train your staff in person with one-on-one classes taught by one of our certified staff.</p>
       <div id="feature">
                    <h1>Featured Tahoe Systems Services</h1>
        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                              <div id="feature_list">
                                        <ul id="tabs">
                                                  <li>
                                                            <a href="javascript:;">
                                                            <img src="images/icons/ts_star_logo.png" />
                                                                      <h3>Complete Menu Design</h3>
                                                                      <span>Complete with our well-known Fast Bar Page </span>
                                                            </a>
                                                  </li>
                                                  <li>
                                                            <a href="javascript:;">
                                                                      <img src="images/icons/ts_star_logo.png" />
                                                                      <h3>Kitchen Printing with ease</h3>
                                                                      <span>Top of the line printing systems</span>
                                                            </a>
                                                  </li>
                                                  <li>
                                                            <a href="javascript:;">
                                                            <img src="images/icons/ts_star_logo.png" />
                                                                      <h3>VPEN Monitor Systems</h3>
                                                                      <span>HD Screens, Bump Bars, We can do it all!</span>
                                                            </a>
                                                  </li>
                                        </ul>
                              <ul id="output">
                                                  <li>
                                                            <img src="images/feature_slider/menu-sample2.jpg" />
                                                            <a href="menu.html">Menu Gallery</a>
                                                  </li>
                                                  <li>
                                                            <img src="images/feature_slider/tmu220.jpg" />
                                                            <a href="print.html">Printing Gallery</a>
                                                  </li>
                                                  <li>
                                                            <img src="images/feature_slider/kds_hnet.jpg" />
                                                            <a href="vpen.html">VPEN Gallery</a>
                                                  </li>
                                        </ul>
                              </div>
          </div>
          <p>Our Mission – To ensure your restaurant, bar, café, diner, or eatery operates smoothly. Streamline your workflow by providing the latest, most up-to-date technology the industry has to offer. Maximize your profits with a personalized POS system that works for you and not against you. Ease your stress with the quickest, most reliable, 24-hour technical support in the area. Train your staff in person with one-on-one classes taught by one of our certified staff.</p>
        </div>
        <div id="footer">
                   <p class="footer-text">All Rights Reserved - Tahoe Systems - 2012</p>
        </div>
   </div>
</div>
</body>
</html>
featureList.js
* FeatureList - simple and easy creation of an interactive "Featured Items" widget
* Examples and documentation at: http://jqueryglobe.com/article/feature_list/
* Version: 1.0.0 (01/09/2009)
* Copyright (c) 2009 jQueryGlobe
* Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
* Requires: jQuery v1.3+
;(function($) {
          $.fn.featureList = function(options) {
                    var tabs          = $(this);
                    var output          = $(options.output);
                    new jQuery.featureList(tabs, output, options);
                    return this;
          $.featureList = function(tabs, output, options) {
                    function slide(nr) {
                              if (typeof nr == "undefined") {
                                        nr = visible_item + 1;
                                        nr = nr >= total_items ? 0 : nr;
                              tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current');
                              output.stop(true, true).filter(":visible").fadeOut();
                              output.filter(":eq(" + nr + ")").fadeIn(function() {
                                        visible_item = nr;
                    var options                              = options || {};
                    var total_items                    = tabs.length;
                    var visible_item          = options.start_item || 0;
                    options.pause_on_hover                    = options.pause_on_hover                    || true;
                    options.transition_interval          = options.transition_interval          || 5000;
                    output.hide().eq( visible_item ).show();
                    tabs.eq( visible_item ).addClass('current');
                    tabs.click(function() {
                              if ($(this).hasClass('current')) {
                                        return false;
                              slide( tabs.index( this) );
                    if (options.transition_interval > 0) {
                              var timer = setInterval(function () {
                                        slide();
                              }, options.transition_interval);
                              if (options.pause_on_hover) {
                                        tabs.mouseenter(function() {
                                                  clearInterval( timer );
                                        }).mouseleave(function() {
                                                  clearInterval( timer );
                                                  timer = setInterval(function () {
                                                            slide();
                                                  }, options.transition_interval);
})(jQuery);
featured.css
#feature
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 14px;
line-height: 1.6;
width: 750px; /* This is the width */
margin: 25px auto; /* margin top/bottom and centering */
padding: 20px; /* Padding inside */
background: #FFF;
/* Background color */
border: 1px solid #CCC; /* border around */
#feature h1 { margin: 0; }
#feature p
{ margin: 0; padding: 7px 0; }
.clear
{ clear: both; line-height: 1px; font-size: 1px; }
#feature a
{ outline-color: #888;
#feature h3 { margin: 0;
padding: 7px 0 0 0;
font-size: 16px; text-transform: uppercase;
ul#tabs li a h3
{ color:#F60; margin-bottom: 5px; ; }
div#feature_list
width: 750px; height: 240px;
overflow: hidden; position: relative;
div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
ul#tabs {
left: 0;
z-index: 2;
width: 320px;
ul#tabs li { font-size: 12px; font-family: Arial; }
ul#tabs li img {
padding: 5px; border: none; margin: 0px 10px 0 0;
float: left;
ul#tabs li a
color: #222;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
ul#tabs li a:hover { color:#822B00; }
ul#tabs li a.current {
background:url(../images/feature-tab-current.png);
color: #FFF;
ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
ul#output {
right: 0;
width: 460px; height: 240px;
position: relative;
ul#output li {
position: absolute;
width: 460px; height: 240px;
ul#output li a {
position: absolute;
bottom: 10px; right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #000;
-moz-border-radius: 5px;
ul#output li a:hover { background:#B33A00; }
and finally styles.css
/* CSS Document */
/* Color Legend */
/* Reset */
html, body { margin; 0; padding: 0; border: 0; background: transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
          margin: 0;
          padding: 0;
          border: 0;
          verticle-align: baseline;
          background: transparent; }
img                    {margin: 0; padding: 0; border: 0; }
table, tr, th, td, tbody, tfoot, thead {
          margin: 0; padding: 0; border: 0;
          verticle-align: baseline;
          background: transparent; }
table {border-collapse: collapse; border-spacing: 0; }
input, select, textarea, form, fieldset {
          margin: 0; padding: 0; border: 0; }
article, aside, dialog, figure, footer, header, hgroup, nav, section {
          display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockqutoe, td, th, a, caption, em, strong, strike {
          font-family: Arial, Helvetica, sans-serif;
          font-size:100%;
          font-weight: normal;
          font-style: normal;
          line-height: 100%;
          text-indent: 0;
          text-decoration: none;
          text-align: left;
          color: #000; }
ol, ul, { list-style: none; }
/* Global */
html          {          }
body          {          background-color:#E8DDCA;
                              background-image:url(../images/background/roiBody_11.png);
                              background-repeat:no-repeat;
                              background-attachment:fixed; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size:24px; color: #C60 ;
                    padding-bottom: 15px; border-bottom: 1px #ccc solid; margin-bottom: 15px; }
h2 { font-size: 20px; }
h3 {font-size: 16px; margin-bottom: 5px; }
h4 {font-size: 14px; }
h5 {font-size: 14px; }
h6 {font-size: 14px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, {margin: 0; }
/* Text Elements */
p                                        { color:#000; font-size: 12px; line-height: 150%;
                                                  margin: 15px 0px; }
p. left                              {margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p. right                     {margin: 1.5em 0 1.5em 1.5em; padding: 0; }
a                                        {          }
a:link                              {color: #00f; }
a:visited                    {color: #0f0; }
a:active                    {color: #000; }
a:focus                              {color: #666; }
a:hover                              {color: #f00; }
blockquote                    {color: #000; font-size: 12px; }
strong                              { font-weight: bold; }
em                                         {font-style: italic; }
/* Images */
.image-frame          { padding: 10px; border: 1px #ccc solid; margin: 10px; }
/* Lists */
ul                                        {          }
ol                                        { list-style-type:decimal; }
ul li                              {color: #000; font-size: 12px; }
ol li                              {color: #000; font-size: 12px; }
dl                                        {          }
dt                                        {          }
dd                                        {          }
/* Tables */
table                              { width: 100%; }
tr                                         {          }
.odd                              { background-color: #eee; }
.even                              { background-color: #fff; }
th                                         { font-weight:bold; }
thead, th                    { background: #ccc; }
tbody                              {          }
th,td,caption           {          }
caption                     {          }
tfoot                              {          }
.tfooter                    { background-color:#ccc; text-align: center; font-style: italic;
caption                              { background-color: #efefef;
/* Miscelaneous */
sup, sub                    {line-height: 0; }
abbr, acronym          { border-bottom: dotted #666; }
address                              {          }
del                                        {background: #ffcece; color: #f00; }
code, pre                    { background-color:#ff9; padding: 2px 0px; margin: 4px 25px;
                                                  font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight:bold
/* Containers */
#outer                              { width:960px; margin:0 auto; background-color:#FFF; }
#wrapper                    { width:900px; margin:0 auto; background-color:#FFF; }
#logo                              { margin:30px 0; float: left; }
#social-media-icons                     { float:right;                               }
#social-media-icons ul li           { display: inline;                     }
#social-media-icons ul                    { margin-top: 40px;           }
#topnav                                        { clear: both; }
#topnav ul                              { border-top: 1px #000 solid; border-bottom: 1px #000 solid;
                                                            margin: 20px 0; padding: 10px 0; }
#topnav ul li                    { display: inline          }
#topnav ul li a                    { padding: 0 15px;          }
#topnav          a:link                              {color: #000; }
#topnav          a:visited                    {color: #000; }
#topnav          a:active                    {color: #000; }
#topnav          a:focus                              {color: #666; }
#topnav          a:hover                              {color: #F90; }
#banner                                        { margin-bottom: 30px;           }
#slider                                        { margin-bottom: 30px; }
#content                              { width: 650px; float: left;          }
#content-fullwidth          { width: 100%; }
#rightside                              { width: 200px; float: right;          }
#footer                                        { clear: both; margin-top: 20px 0; border-top: 1px #ccc solid;          padding-bottom: 20px; }
#box1          { width: 250px; float: left; margin: 25px;
                              border-top: 15px #666 solid; background-color:#EEE;          }
#box2          { width: 250px;          float: left; margin: 25px;
                              border-top: 15px #3E5838 solid; background-color:#EEE;          }
#box3          { width: 250px;          float: left; margin: 25px;
                              border-top: 15px #386165 solid; background-color:#EEE;          }
#box1 h3, #box2 h3, #box3 h3 { margin: 20px 10px 10px 10px; }
#box1 p, #box2 p, #box3 p { margin: 5px 10px 10px 10px; }
#box4          {                    }
#box5          {                    }
#box6          {                    }
/* Layout Extra */
/* Navigation Extra */
/* Forms */
form ol { list-style-type:none; }
form           { text-align:left; margin:20px;          }
label           {
                    float: left; width: 150px; margin-top:5px;
                    text-align:right; display:block; background:none; font-weight:bold;
submit          { background:none;           }
input           {
                    width: 280px; margin:0 0 16px 10px;
                    border:1px #bbb solid; padding:5px; background:none;
input:focus, textarea:focus          { background-color:#FF9; }
textarea {
                    width: 280px; height: 150px; margin:0 0 16px 10px;
                    border:1px #bbb solid; padding:5px; background:none;
select { margin-bottom:20px;          }
.month { margin-left:155px;          }
.submit {
                    width:90px; height:25px;
                    margin-left:160px;
                    font-size:12px;
br                    { clear: left;           }
.clear          { clear:both; }
/* Miscelaneous */
.popup-link                    { font-size: 12px; margin: 5px 10px; display:block; }
.date                              { font-weight: bold; color: #C60; margin-bottom: 3px; }
.copyright-text { font-size:80%; font-style: italic; color: #333; }
.footer-text          { font-size:12px; font-style: normal; color: #000; text-align: center; }
.title                              { font-size:18px; font-weight: bold; color: #333; }
.subtitle                    { font-size:14px; font-style: italic; color: #333; }
.artist                     { font-size:16px; font-weight: bold; color: #333; }
.author                              { font-size:14px; font-weight: bold; color: #555; }
.editor                              { font-size:14px; font-style: italic; color: #555; }
.pub-date                    { font-size:10px; font-style: italic; color: #555; }
.article-date          { font-size:10px; font-style: italic; color: #555; }
.location                    { font-size:10px; font-style: italic; color: #555; }
.float-right          { float:right; }
.float-left                    { float:left; }
.clear                              { clear:both; }
.hide                              { display:none; }
.block                              { display:block; }
.inline                              { display:inline; }
.first                              { font-weight:bold; }
.last                              { font-weight:bold; }
.left                              { font-weight:bold; text-align:left; }
.right                              { font-weight:bold; text-align:right; }
.added                              { background:#D7D7FF; }
.removed                    { background:#FFCECE; color:#f00; }
.changed                    { background:#FFB; }

http://tahoepossystems.businesscatalyst.com/services.html
Services page is missing quite a bit of stuff.
This code from a working page is correct:
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" />
<script type="text/javascript">var jslang='EN';</script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/needsomethinghere.js"></script>
<script type="text/javascript" src="../js/slider.js"></script>
<script type="text/javascript"> // This is the script for the banner slider
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 6000
</script>
<link href="../css/styles.css" rel="stylesheet" css" media="screen">
<link href="../css/print.css" rel="stylesheet" css" media="screen">
<link href="../css/slider.css" rel="stylesheet" type="text/css" media="screen">
In contrast, this is all you have in the <head> of your services.html page:
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" />
<script type="text/javascript">var jslang='EN';</script>
<script type="text/javascript" src="../js/jquery.js"></script>
<link href="../css/styles.css" rel="stylesheet" type="text/css" media="screen">
<link href="../css/print.css" rel="stylesheet" type="text/css" media="screen">
If you reconcile those difference in your code, it should work.
Nancy O.

Slide Tabs in Staroffice 8

Similar Messages

Maybe you are looking for