Customised menu slide and customised quiz feedback slide
Hello everyone,
I was wondering if anyone can help point me in the right direction as to how I can use Advanced Actions/Variables to produce two things, a menu slide that shows a tick when a section is complete, and a single quiz feedback slide that shows a summary of questions with correct/incorrect.
Customised Menu Slide
I'm trying to build a menu so that a learner can go into any unit in any order. When they finish the slides in that unit, they are returned to the Menu slide and a tick appears against that unit. There is an example below to give you the idea.
Quiz Feedback Slide
I'm also trying to build a quiz feedback slide to let learners know which questions they have gotten wrong in a quiz. I don't want to use the Quiz Review function as that shows me the questions and wrong answers. I would just like a summary slide, as in the example below.
For the course menu, I'm using some helpful posts from Lilybiri and trying to adjust her tutorial on customized course menu at http://kb2.adobe.com/community/publishing/855/cpsid_85530.html to show the ticks instead of hiding the unit links. I'm not sure where to start with the quiz feedback slide.
I'm hoping that someone with a bit more experience of advanced actions/variables will be able to step in here and let me know if i'm going in the right direction with this.
many thanks in advance,
Loraine
Hey Lilybiri, sorry to revive this thread, but I would like to do this but with question pools? Can that be done? If yes, how...?
My issue with a little more detail: We are replacing the ageing, proprietary content creation solution of our LMS supplier with Captivate. The main purpose of our LMS is not providing learning-courses but testing our users with quizzes.
We are required (strictly governmentally regulated business) to train and quiz our employees on certain topics. So the main functionality used of Captivate, Version 6 btw, is the quizzing functionality. We went for Captivate because it's got the question pool ability which by the newest prescription we are required to deploy in our 2013 line of employee certification tests/quizzes.
After passing a quiz, the old solution gave a very nice overview of the answers given and the correctness of those (see screenshot attached). I'd like to replicate this to a certain degree with Captivate. Notice the screenshot by the way, the old solution got partial scoring which Captivate can also do, unfortunately not when using question pools. Anyway, not the issue here, the issue is the result slide. I have been asked to implement a result slide, similar to the old solution, where all the answers are listed and also a hint if the answer given was correct or wrong (as partially correct does not apply anymore, now that we are using question pools) because the user has then jump to that slide and review and discuss it with the teacher/test supervisor of that day.
We have a total of ~60 questions in 6 pools. 25 get picked, at least 3 out of every pool, smallest pool has 6 questions. So how can I track a) which question has been picked and displayed to the user b) as which slide number/at which position and c) which answer was given, in this highly shuffled, dynamically created environment? It's not like I can make a result slide with 60 lines and mark each line as either unseen, correct or wrong and maintain 60x3 variables during the quiz. Any ideas?
Of course, the user could just review the whole quiz and quickly skip all questions answered correctly and discuss the ones the user failed. But this somehow doesn't seem right and unprofessional, especially since the old solution could do that since years. At least a hint which questions the user got wrong would be the minimum expected...
Thanks in advance.
Similar Messages
-
Menu slide problem (and final slide)
Hi
Am sure these two are dead easy but I am struggling !
I have some captivate projects on our intranet and have url links to them all. What I have been asked to do is just build a menu for them from which each one can be launched. Basically this is one slide with 8 click boxes over the respective title of each module - each click box launches the url of each of the existing modules
My problems are :
i) how do I stop this my slide progressing when a menu item is selected. I basically want it to be stagnant and stay on screen but when you click one of the boxes it moves on !!
ii) how on the final slide of each of the launched modules can I get the project to close eg once that closes you will see the original menu slide already open.
Hope this makes sense !
thanks in advanceWhy don't you just set the Action for the end of your movies to point back to the Menu project HTM file again. If your menu project is the same screen size as your movies, you won't need to worry about closing down your movies. They'll just terminate and open the Menu again. You also won't need to worry about the pausing behaviour on your Menu slide.
If you should for some reason prefer to have the Menu project open in its own window and stay on that slide no matter how many times the links are clicked, then I would suggest you get the Event Handler Widget: http://www.infosemantics.com.au/catalog/widgets/interactive/wdgt_event_handler_01
You can set Preferences on this widget to over-ride the normal pausing behaviour of Interactive objects. It allows you to turn any caption or image into an interactive object that will fire an action (e,g, Open URL or File) when clicked.
If you prefer the look and feel of a hyperlink in a Captivate project, get the Hyperlink widget, and attach the Event Handler to it so that when the hyperlink is clicked you fire the action to open the movie. (Hyperlink widget doesn't as yet have the extra preferences to over ride pausing so you might still need to use the Event Handler for that advantage.) -
Setting incorrect answers on a customised quiz
Hi there.
I'm setting up a customised quiz (not using question slides) and was wondering how you set the correct/incorrect answers. What I've done so far is included all answers in the quiz (via the reporting section), but only set the right answer to "Add to total". This seems to work, as I get the correct scores at the end of the quiz, but when looking at my LMS reports it's counting all answers as "Correct", even when answered incorrectly.
Any idea if this to do with the Captivate settings or the LMS settings?
The LMS I'm using is a customised one built for the company I work for using a Joomla template.
Thanks.Hi Lilybiri.
Thanks for the response. To explain further...
This is what I'm seeing on my LMS report (this is an example for one question)
As you can see the result of the question is showing as "correct", but it was actually answered incorrectly. It's a multiple choice question using click boxes. For the correct clickbox I've got these settings:
The wrong clickboxes have these settings:
I've also tried unticking the "Include in quiz" box, and only having the "Add to total" box unticked, but my LMS still tells me it was answered correctly when answered incorrectly.
Any thoughts on why this is happening? -
New update changed menu size and now have to scroll to see all. Reducing size of menu
The new update has changed the menu size of tool bars and any menu screen opened. Now have to scroll down and sideways to look at it. Can not fit to the screen.
How do you change the resolution of the menu boxes and tool bars?
My screen resolution is 1920x1080
The menu/tool bars font size I can read from a mile away.
Everything was fine until the update.
I'm running windows 8.1 pro with all the latest updates installed.
Even when opening Adobe the screen showing open what use to be small and take about 1/4 screen. now it takes the whole screen and only just fit on the screen.
I can not find anywhere to adjust display size of the tool bars and menus.
Does anyone know how to overcome the very large displaying of all tool bars and menus in the latest release?Sorry Adobe Acrobat XI
This shows the size of tool bars to the actual program. They use to fit on the screen.
This shows the preferences box extend to the right under the windows task bar and to close down or select anything under the task bar I have to grab and slide it side ways.
This shows the setup crop box extending off the bottom of the screen and there is no way to scroll down or to grab and move the box up so the controls I cant get to (OK or Cancel or page range etc)
Before the update all boxes and menus fitted on the screen -
Make a logo over lap menu bar and slideshow
Hi!
I want to have the logo of my page overlapping the menu bar and the slideshow.
Below is a picture og how the site layout looks now and the code.
Can anyone please help me out.
Thanks in advice,
Simon
Code
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--[if lt IE 7 ]> <html class="ie6" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>#</title>
<meta name="description" content=" add description ... " />
<meta name="keywords" content=" add keywords ... " />
<!-- //////// Favicon //////// -->
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!-- //////// Css - stylesheets //////// -->
<link href="_layout/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="_layout/style-print.css" rel="stylesheet" type="text/css" media="print" />
<!-- //////// jQuery //////// -->
<script src="_layout/js/jquery-1.5.2.min.js" type="text/javascript"></script>
<!-- //////// DD_belatedPNG - png fix for IE6 //////// -->
<!--[if IE 6 ]>
<script src="_layout/js/pngfix/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
<![endif]-->
<!-- //////// Cufon - font Replacement //////// -->
<script src="_layout/js/cufon/cufon.js" type="text/javascript"></script>
<!-- //////// Tipsy - tooltips //////// -->
<script src="_layout/js/tipsy/jquery.tipsy.js" type="text/javascript"></script>
<link href="_layout/js/tipsy/css.tipsy.css" rel="stylesheet" type="text/css" />
<!-- //////// prettyPhoto - lightbox //////// -->
<script src="_layout/js/prettyphoto/jquery.prettyPhoto.js" type="text/javascript"></script>
<link href="_layout/js/prettyphoto/css.prettyPhoto.css" rel="stylesheet" type="text/css" />
<!-- //////// Validity - form validation //////// -->
<script src="_layout/js/validity/jquery.validity.js" type="text/javascript"></script>
<link href="_layout/js/validity/css.validity.css" rel="stylesheet" type="text/css" />
<!-- //////// Cycle - content slider //////// -->
<script src="_layout/js/cycle/jquery.cycle.all.min.js" type="text/javascript"></script>
<!-- //////// Tabify - create tabs //////// -->
<script src="_layout/js/tabify/jquery.tabify-1.4.js" type="text/javascript"></script>
<!-- //////// Accordion - create accordions //////// -->
<script src="_layout/js/accordion/jquery.accordion.js" type="text/javascript"></script>
<!-- //////// Custom Js //////// -->
<script src="_layout/js/scripts.js" type="text/javascript"></script>
<script src="_layout/js/plugins.js" type="text/javascript"></script>
<style type="text/css">
<!--
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: none;
color: #2eabeb;
a:active {
text-decoration: none;
-->
</style><noscript>
<link href="_layout/style-nojs.css" rel="stylesheet" type="text/css" />
<div class="nojs-warning"><strong>JavaScript seems to be Disabled!</strong> Some of the website features are unavailable unless JavaScript is enabled.</div>
</noscript>
<div id="wrap">
<div id="header">
<div class="img"><a href="#"><img src="_layout/images/Logo.png" /></a> </div>
<ul id="menu">
<li><a href="#" class="drop"></a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3>Some Links</h3>
<ul>
<li><a href="#">ThemeForest</a></li>
<li><a href="#">GraphicRiver</a></li>
<li><a href="#">ActiveDen</a></li>
<li><a href="#">VideoHive</a></li>
<li><a href="#">3DOcean</a></li>
</ul>
</div>
<div class="col_1">
<h3>Useful Links</h3>
<ul>
<li><a href="#">NetTuts</a></li>
<li><a href="#">VectorTuts</a></li>
<li><a href="#">PsdTuts</a></li>
<li><a href="#">PhotoTuts</a></li>
<li><a href="#">ActiveTuts</a></li>
</ul>
</div>
<div class="col_1">
<h3>Other Stuff</h3>
<ul>
<li><a href="#">FreelanceSwitch</a></li>
<li><a href="#">Creattica</a></li>
<li><a href="#">WorkAwesome</a></li>
<li><a href="#">Mac Apps</a></li>
<li><a href="#">Web Apps</a></li>
</ul>
</div>
<div class="col_1">
<h3>Misc</h3>
<ul>
<li><a href="#">Design</a></li>
<li><a href="#">Logo</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">Illustration</a></li>
<li><a href="#">More...</a></li>
</ul>
</div>
</div>
<!-- End 4 columns container -->
</li>
<!-- End Home Item -->
<li><a href="#" class="drop">Projects</a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3>Some Links</h3>
<ul>
<li><a href="#">ThemeForest</a></li>
<li><a href="#">GraphicRiver</a></li>
<li><a href="#">ActiveDen</a></li>
<li><a href="#">VideoHive</a></li>
<li><a href="#">3DOcean</a></li>
</ul>
</div>
<div class="col_1">
<h3>Useful Links</h3>
<ul>
<li><a href="#">NetTuts</a></li>
<li><a href="#">VectorTuts</a></li>
<li><a href="#">PsdTuts</a></li>
<li><a href="#">PhotoTuts</a></li>
<li><a href="#">ActiveTuts</a></li>
</ul>
</div>
<div class="col_1">
<h3>Other Stuff</h3>
<ul>
<li><a href="#">FreelanceSwitch</a></li>
<li><a href="#">Creattica</a></li>
<li><a href="#">WorkAwesome</a></li>
<li><a href="#">Mac Apps</a></li>
<li><a href="#">Web Apps</a></li>
</ul>
</div>
<div class="col_1">
<h3>Misc</h3>
<ul>
<li><a href="#">Design</a></li>
<li><a href="#">Logo</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">Illustration</a></li>
<li><a href="#">More...</a></li>
</ul>
</div>
</div>
<!-- End 4 columns container -->
</li>
<!-- End 5 columns Item -->
<li><a href="#" class="drop"></a><!-- Begin 4 columns Item -->
<div class="dropdown_4columns"><!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"> </a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#">NetTuts</a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
</ul>
</div>
<div class="col_1">
</div>
</div><!-- End 4 columns container -->
</li><!-- End 4 columns Item -->
<li><a href="#" class="drop"></a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#">Area </a></li>
<li><a href="#"> </a></li>
<li><a href="#">l</a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#">Pt</a></li>
<li><a href="#">s</a></li>
<li><a href="#">t</a></li>
<li><a href="#"></a></li>
<li><a href="#">Sn</a></li>
<li><a href="#">s</a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<br />
<ul>
<li><a href="#">t</a></li>
<li><a href="#">Pn</a></li>
<li><a href="#">Sn</a></li>
<li><a href="#">s</a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#">Pt</a></li>
<li><a href="#">I</a></li>
<li><a href="#">st</a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
</ul>
</div>
</div>
<!-- End 4 columns container -->
</li>
<li><a href="#" class="drop">Sales Support</a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#">i</a></li>
</ul>
</div>
<br />
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
</ul>
</div>
</div>
</li>
<li><a href="#" class="drop"></a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
</ul>
</div>
</div>
<li class="menu_right"><a href="#" class="drop">Main</a>
<div class="dropdown_1column align_right">
<div class="col_1">
<ul class="simple">
<li><a href="#"><strong></strong></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</div>
</li>
</ul>
<div class="row slideshow-container no-print fixed">
<div id="slideshow-index">
<ul>
<li>
<div class="slidetext">
<h2>Proin porttitor<br /> pulvinar risus nec</h2>
<p>Sed interdum eleifend mollis. Proin quis lectus libero. Integer eu lectus erat, id aliquet risus.
Vivamus vitae mollis purus. Fusce id diam at purus sodales mollis. <a href="#">more</a></p>
</div>
<img src="images/slider/1.jpg" width="948" height="400" alt="" /> </li>
<!-- end slide 1 -->
<li>
<img src="images/slider/2.jpg" width="948" height="400" alt="" />
<div class="slidetext">
<h2>Curabitur<br /> sed sollicitudin orci.</h2>
<p>Nunc eu tellus sed felis vestibulum pulvinar sed ac enim. Quisque tincidunt urna id arcu egestas
a rhoncus purus molestie erat eget nunc varius. <a href="#">more</a></p>
</div>
</li><!-- end slide 2 -->
<li>
<img src="images/slider/3.jpg" width="948" height="400" alt="" />
<div class="slidetext">
<h2>Suspendisse vest<br /> pretium laoreet</h2>
<p>Aliquam erat volutpat. Maecenas tincidunt porta hendrerit. Sed quis tristique nulla. Fusce volutpat
lobortis tellus sed tincidunt consequat egestas a elementum dolor. <a href="#">more</a></p>
</div>
</li><!-- end slide 3 -->
<li>
<img src="images/slider/4.jpg" width="948" height="400" alt="" />
<div class="slidetext">
</div>
</li><!-- end slide 4 -->
</ul>
<div id="index-slideshow-pager"> </div>
</div><!-- end #slideshow -->
<!-- ////////////////HERTIL ER ALT RETT ///////////////////////////////////////////////////////////////////////////////////////// ////////////////// -->
<div id="content">
<table width="948px" height="40px" margin="margin: auto 6px auto 6px">
<tr>
<td><a href="#"></a></td>
<td><a href="#"></a></td>
<td><a href="#"></a></td>
</tr>
</table>
<br />
<div class="venstre" style="width: 530px; margin: auto 6px auto 40px;">
<h2>Heading</h2>
<p>
Text </p>
</div>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</div><!-- end #content -->
<!-- ///////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////// -->
</div><!-- end #header -->
</div><!-- end #wrap -->
<!-- KOPIER HERFRA ORGINALE FININI/////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////// -->
<div style="background: url(images/footer.png) no-repeat; position: bottom; margin: auto 6px 40px 6px; color: #ffffff;">
<div id="fot" style="width: 940px; float:center; text-align: left; margin-left: 40px; margin-right: 40px; padding-top: 25px; color: #ffffff;">
<table style="border: 0px;">
<tr style="border: 0px;">
<td width="146px" style="border: 0px;">
*table*
</table>
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<!-- analytics code here -->
<!-- /TIL HIT////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////// -->
</body>
</html>
CSS:
/* =RESET
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym, address,
big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,d t,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:;border:0;outl ine:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-a lign:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{ border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:b efore,q:after{content:""}blockquote,q{quotes:""""}
/* =GENERAL
div.img
margin-left:6px;
z-index:200;
body, ul, li {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
text-align:left;
#menu {
list-style:none;
width:870px;
margin:0px auto 0px 44px;
height:40px;
padding:0px 20px 0px 20px;
z-index:100;
/* Background color and gradients */
background: #636363;
background: -moz-linear-gradient(top, #636363, #353535);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), to(#353535));
#menu li {
float:left;
display:block;
text-align:center;
position:relative;
padding: 4px 10px 4px 10px;
margin-right:5px;
margin-top:5px;
border:none;
z-index:100;
#menu li:hover {
border: 1px solid #777777;Thanks Nancy,
However, two new issues appeared when I added the float, both the text in the menu and the image slider is now too far left.
See image below. -
Point and click quiz not rendering properly
Hi
I have created a point and click quiz in Captivate. The problem I'm having is that after a few slides, the screen breaks up and does not render correctly, meaning that my click box targets are in the wrong place.
Would anyone kow why this is happening?
Am I able to upload the project file here so that someone can take a look for me?
Kind regards
DaveHi Dave,
Upload the file to acrobat.com and send me the link at [email protected]
Do mention what are you trying to achieve and how.
-Manish
blogs.adobe.com/captivate -
Captivate 3 - Continue and Review Quiz Button Not Working
I have just published a SCORM course in Captivate. It works perfectly fine once I've uploaded it into the LMS except one small part. I've set up the quiz so each learner is required to pass the quiz in order to complete the module. At the end of the quiz, the results page appears with two buttons (Continue and Review Quiz). Those buttons don't work.
I set up the quiz so that learners have 2 attempts to successfully complete it. If they're unsuccesful, the continue button should direct them to the beginning of the quiz so they could retake it. If they have successfully complete, the continue button should take them to the next slide. That's not working. For some reason, the continue button only works if the learner has failed the quiz. The Review Quiz button also doesn't work. I did select the option allowing them to do so. Can someone please help?Hi there
Please send me a private E-Mail message to rstone75 (at) kc (dot) rr (dot) com and advise of the exact file name of the file you are linking to.
I'll send you back a file that you can use to test and see if the link works.
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks -
Clickable links in Quiz Feedback
Is there a way to add Clickable links in Quiz Feedback??
Hi Gyanendra,
I think the only way you could do that would be to place a click box over the top of your Success or Failure captions and uncheck the option Pause project until user clicks, that way you then just set the On success menu to Open URL or File.
I totally agree that you should be able to include links in captions, as well as *images, this is something I have tried to get implemented in Adobe Captivate for years now.
If you would like to add your support, then please submit this as a feature request using the web address I have included below.
Adobe Captivate Feature Request/Bug Report Form
* You can get around the image issue by simply creating your own text captions and including the graphic in the custom caption design.
Best - Mark
Visit the macrofireball blog -
How do I change the size of file menu's and tool icons in Photoshop' opening page.
How do I increase or change the size of file menu's and tool icons on the opening page/worksheet of Photoshop? The File Menu drop down commands read properly at a comfortable size. I am not sure how I accomplished this, but everything I have tried has no effect on the other page items.
Hello, you can change most of Photoshop's interface text by going to preferences>interface>UI font size.
For the size of the top menus and the whole interface, there is no function to do that for the moment. I suggest to vote on this thread: http://feedback.photoshop.com/photoshop_family/topics/problem_with_hi_res_monitors -
Wondering if anyone knows why my quiz feedback (using Adobe
Presenter 7.02 and PowerPoint 2007) is blurry after publishing.
Looks good prior to publishing and my question text, etc stays
clear? Help?You would need to create the questions in Captivate. The questions don't translate across the products.
-
Hi all!
Is it correct that the email quiz feedback is supposed to
only produce the email and not send it automatically? This gives
the students a way to edit the email before they send it and that
can't be right.
Another thing is that the option to send the result as an
attachment does exactly the same as the only other option: Puts the
result into the email body without any attachment.
Anyone else experiencing this or have a workaround?Hi again
I'll have to defer to someone more knowledgeable than myself
for the infinite quiz bit.
Here is what I'm envisioning for what I'm working on. Once
complete, I offer a package that contains mostly instructions on
what you need to do to set up reporting via E-Mail in a secure
fashion. I'm not seeking any monthly fee or anything like that. I
was thinking more along the lines of a one time purchase. Perhaps
somewhere in the range of $40 - $80 or whatever. A one time shot
that spells out what you need to make it work. If you have a server
already that can understand CGI scripting and send E-Mail from a
script, all the better. You just install the script, configure
things and off you go. But for those that have no capability along
those lines, there is a service that could be used. Any and all
fees for said service are between the Captivate developer (or
company paying the developer) and the service. I would be out of
the picture at that point. My only role is to offer the means for
securely sending E-Mail from Captivate. So the question I was
looking to answer was to ask if that price would seem reasonable.
If not that price, what would?
Yes, I could certainly just make the solution available at no
charge. Anyone that has looked at these forums more than an hour
knows that this is how I operate 99% of the time. But this
particular thing has been a bit of effort to pull together, so I
wanted to put feelers out to see if it would hold any financial
enticement or if folks would balk, regardless of price.
I've seen the whole E-Mail issue crop up enough here that I
began to see if alternate ways could be used.
Cheers... Rick -
Title Bar stuck under the Menu bar and I cannot select and move it.
I often arrange windows around the desktop and sometimes I inadvertently push a window up too far and the title bar gets under the menu bar. Once I let go of the arrow, the title bar is too far under the menu bar and I can no longer reach it to move it down. The only solution is to close out the program and start over. Is there a way unbeknownst to me to select the title bar again and move it?
SharonMy E*Trade streaming watch list was stuck under the Menu Bar also. I tried reseting the screen resolution down to 1280 x 1024, and restarting the MarketTrader. There on the display was the stuck window, out from under. I resized and moved it to a central location, and resized the display back to my normal 1920 setting. And to my relief, the window Bar! Thanks Discussion!
-
Menu bar and application toolbar
is there a way to change item text on menu bar and application toolbar eg in business partner overview(T-Code fmcacov) i want to change text 'Business Partner" to "tax Payer" on both menu bar an application toolbar. i have tried the norma way of going to change the screen but when i am on the GUI status its not going to change mode even sfter entering the access key
Hi ,
Open the program and click on GOTO=>ATTRIBUTES.
Change the text to the heading which you want.
SAVE & ACTIVATE.
Regarding opening in change mode, the steps you have carried out are correct.
You need to comment the existing gui-status by placing cursor on that line & click delete.
Then click on INsert button and add new gui-status.
Best regards,
Prashant -
Photoshop CC 2014 UI Menu Text And Icon Size?
so i really like that adobe has added the "experimental" option to increase the ui menu text and icon size in photoshop cc 2014, it was almost unreadable on my 2560 x 1440 27" monitor with photoshop cs4 and illustrator cs4, but the lone 200% setting is too big... seems that 125%, 150%, or maybe even 175% would be much better solutions. in fact, for reasons i can't quite understand, the ui text and icon size in illustrator cc 2014 is spot on, absolutely perfect on my monitor, even tho there is no option for increased ui size as far as i can tell, it was spot on the moment i installed and launched it.
in short, the photoshop cs4 and illustrator cs4 user interfaces were identical in size as far as i could tell, and far too small on my 2560 x 1440 27" monitor. in terms of cc 2014, the illustrator ui is perfect out of the box on my monitor, considerably larger than illustrator cs4, while the photoshop cc 2014 ui is identical to cs4, tiny, but can be enlarged 200% which makes the ui too big. why couldn't/didn't adobe just make the photoshop cc 2014 base ui the exact same size as the illustrator cc 2014 ui? it would have been perfect (for my monitor size).thanks... just wish illustrator cc 2014 wasn't so perfect in terms of ui size, i mean it's just great and, consequently, makes it seem as if the ball was dropped with photoshop cc 2014... i mean how can one be spot on while the other be so far off?
-
I was working on my spry menu bar and now my sidebar1 photo moves with the menu bar?
I was working on my spry menu bar, and getting really far with it thanks to GRAMPS, and all of a sudden I wanted to put padding of 30px top and 30 px bottom on the sidebar1 photo in the container and now all of a sudden the home.jpg photo in the sidebar moves when you hover over the menu bar.
I can noit for the life of me figure out what changed and somehow was so excited about my spry menu bar working that I did not save the most recent working page. Can anybody look at this with me and let me know what changed to mess the page up on me.
Thanks a million.
Ted
site is located here http://www.subzerorefrigeration.com
None of the links are working I have just been playing with the spy menu for weeks. I finally figured it out and do not belive the error is in the spry style sheets.
Here is the code for my page. I know I am working with a template. I really do not want to start over if a <div> tag is missing.
Any other suggestions would be appreciated.
<!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>Sub Zero Refrigeration Heating and Air Conditioning in Midlothian Illinois</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 20;
color: #000;
background-color: #b7e3ea;
font-family: Tahoma, Geneva, sans-serif;
font-size: 100%;
line-height: 1.4;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
color: #000099;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #42413C;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #6E6C64;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
color: #000099;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
width: 960px;
background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background-color: #b7e3ea;
padding: 0px;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: left;
width: 180px;
padding-bottom: 10px;
background-color: #FFFFFF;
padding-top: 30px;
.content {
padding: 10px 0;
width: 780px;
float: left;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
background: #C6D580;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background: #ADB96E;
color: #FFF;
/* ~~ The footer ~~ */
.footer {
padding: 0px;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
background-color: #B7E3EA;
color: #000099;
width: 960px;
verybottomfooter {
padding: 10px;
.footerlightblue {
background-color: #B7E3EA;
.container .footer table tr th {
background-color: #FFF;
color: #000099;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.container .footer2 #footer3 .footer p {
text-align: center;
.container .footer2 #footer3 .footer p {
font-size: medium;
.container .footer2 #footer3 .footer p {
font-size: small;
background-color: #B7E3EA;
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header"><!-- end .header -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="125" height="190" align="left" id="FlashID" title="Sub Zero Refrigeration "Subby" Logo">
<param name="movie" value="Images/SubbyMovie.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object data="Images/SubbyMovie.swf" type="application/x-shockwave-flash" width="125" height="190" align="left">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<img src="Images/HeaderOriginal.jpg" alt="Sub Zero Refrigeration Heating and Air Condtioning Header Photo" width="834" height="190" align="left" /><br />
</div>
<div class="container" id="navbar"> </div>
<div class="namephoto">
<ul id="MenuBar" class="MenuBarHorizontal">
<li><a class="MenuBarItem" href="#">Home</a></li>
<li><a class="MenuBarItemSubmenu" href="#">About Us</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Our Staff</a>
<ul>
<li><a href="#">Bud Wagner</a></li>
<li><a href="#">Tim Wagner</a></li>
<li><a href="#">Dave Allen</a></li>
<li><a href="#">Terry Burke</a></li>
<li><a href="#">Larry Skarr</a></li>
<li><a href="#">Niko Opla</a></li>
<li><a href="#">Gina Ames</a></li>
<li><a href="#">Laura Kane</a></li>
</ul>
</li>
<li><a href="#">Our Service Area</a></li>
<li><a href="#">Our Mission Statement</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Why Choose Sub Zero Refrigeration?</a>
<ul>
<li><a href="#">Our Review's</a></li>
<li><a href="#">Our Competition's Reviews</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Careers</a>
<ul>
<li><a href="#">HVAC Technician</a></li>
<li><a href="#">HVAC/R Installer</a></li>
<li><a href="#">Commercial Refrigeration Technician</a></li>
</ul>
</li>
<li><a href="#">Testimonials</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Easily Leave Us a Review</a>
<ul>
<li><a href="#">On "YAHOO"</a></li>
<li><a href="#">On "YELP"</a></li>
<li><a href="#">On "MERCHANT CIRCLE"</a></li>
<li><a href="#">On "GOOGLE PLACES"</a></li>
</ul>
</li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Repair</a>
<ul>
<li><a href="#">Commercial Refrigeration</a></li>
<li><a href="#">Commercial Rooftop</a></li>
<li><a href="#">Commercial Ice Machine</a></li>
<li><a href="#">Air Conditioning </a></li>
<li><a href="#">Boiler</a></li>
<li><a href="#">Furnace</a></li>
<li><a href="#">Heat Pump</a></li>
<li><a href="#">Indoor Air Quality</a></li>
<li><a href="#">Schedule A Service Call</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Sales</a>
<ul>
<li><a href="#">Commercial Refrigeration</a></li>
<li><a href="#">Commercial Rooftop</a></li>
<li><a href="#">Commercial Ice Machine</a></li>
<li><a href="#">Air Conditioning</a></li>
<li><a href="#">Boiler</a></li>
<li><a href="#">Furnace </a></li>
<li><a href="#">Heat Pump</a></li>
<li><a href="#">Indoor Air Quality</a></li>
<li><a href="#">Financing</a></li>
<li><a href="#">Schedule a "FREE" Computerized ACCA MJ8 Equipment Replacement Estimate </a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Maintenance</a>
<ul>
<li><a href="#">Commercial Refrigeration Service Agreements</a></li>
<li><a href="#">Commercial Rooftop Service Agreements</a></li>
<li><a href="#">Commercial Ice Machine Service Agreements</a></li>
<li><a href="#">Residential Air Conditioning Service Agreements</a></li>
<li><a href="#">Residential Boiler Service Agreements</a></li>
<li><a href="#">Residential Furnace and IAQ Service Agreements</a></li>
<li><a href="#">Heat Pump Service Agreements</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Products</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Commercial Refrigeration</a>
<ul>
<li><a href="#">Beverage Air</a></li>
<li><a href="#">Beacon Smart Controller</a></li>
<li><a href="#">Continental</a></li>
<li><a href="#">Crown Tonka Walk Ins</a></li>
<li><a href="#">Delfield</a></li>
<li><a href="#">Heatcraft Refrigeration</a></li>
<li><a href="#">Hoshizaki Refrigeration</a></li>
<li><a href="#">International Cold Storage</a></li>
<li><a href="#">Kelvinator</a></li>
<li><a href="#">Kolpak</a></li>
<li><a href="#">Larkin Refrigeration</a></li>
<li><a href="#">Perlik Bar and Beverage Equipment</a></li>
<li><a href="#">True Refrigeration</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Commercial Rooftop</a>
<ul>
<li><a href="#">Arcoaire</a></li>
<li><a href="#">American Standard</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Commercial Ice Machine</a>
<ul>
<li><a href="#">Hoshizaki Ice Machines</a></li>
<li><a href="#">Manitowoc Ice Machines</a></li>
<li><a href="#">Scotsman Ice Machines</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Air Conditioning</a>
<ul>
<li><a href="html/subzero/arcoaireaircondioning.html">Arcoaire</a></li>
<li><a href="html/subzero/americanstandardairconditioning.html">American Standard</a></li>
<li><a href="html/subzero/mitsubishiairconditioners.html">Mitsubishi</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Boiler </a>
<ul>
<li><a href="#">Weil McLain Residential</a></li>
<li><a href="#">Weil McLain Commercial</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Furnace </a>
<ul>
<li><a href="#">Arcoaire</a></li>
<li><a href="#">American Standard</a></li>
<li><a href="#">Mitsubishi</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Heat Pump </a>
<ul>
<li><a href="#">Arcoaire</a></li>
<li><a href="#">American Standard</a></li>
<li><a href="#">Mitsubishi</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Indoor Air Quality</a>
<ul>
<li><a href="#">Aprilaire Humidifiers</a></li>
<li><a href="#">Honeywell Electronic Air Cleaners</a></li>
<li><a href="#">Honeywell Thermostats</a></li>
</ul>
</li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Job Photos</a>
<ul>
<li><a href="#">Commercial Refrigeration</a></li>
<li><a href="#">Commercial Rooftop</a></li>
<li><a href="#">Commercial Ice Machine</a></li>
<li><a href="#">Air Conditioning</a></li>
<li><a href="#">Boiler</a></li>
<li><a href="#">Furnace</a></li>
<li><a href="#">Heat Pump</a></li>
<li><a href="#">Indoor Air Quality</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Cool Savings</a>
<ul>
<li><a href="#">Monthly Specials</a></li>
<li><a href="#">Manufacturers Rebates</a></li>
<li><a href="#">Utility Rebates</a></li>
<li><a href="#">Website Coupons</a></li>
<li><a href="#">Customer Referral Program</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Social</a>
<ul>
<li><a href="#">"LIKE" Us on Facebook</a></li>
<li><a href="#">"FOLLOW" Us on Twitter</a></li>
<li><a href="#">Facebook Disclaimer</a></li>
</ul>
</li>
<li><a class="MenuBarItem" href="#">Contact Us</a> </li>
</ul>
<p><br />
</p>
<div class="sidebar1"><img src="Images/home.jpg" alt="Home Page Photo" width="105" height="240" /></div></div>
<div class="content">
<h1>Instructions</h1>
<p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
<h1>Clearing Method</h1>
<p>Because all the columns are floated, this layout uses a clear:both declaration in the .footer rule. This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the .footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a <br class="clearfloat" /> or <div class="clearfloat"></div> after your final floated column (but before the .container closes). This will have the same clearing effect.</p>
<h3>Logo Replacement</h3>
<p>An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
<p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
<p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
<h4>Backgrounds</h4>
<p>By nature, the background color on any div will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content div will always contain more content, you can place a border on the .content div to divide it from the column.</p>
<!-- end .content --></div>
<div class="footer">
<table width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="102" scope="col"> </th>
<th width="101" scope="col"> </th>
<th width="106" scope="col"> </th>
<th width="120" scope="col"> </th>
<th width="172" scope="col"> </th>
<th width="120" scope="col"> </th>
<th width="103" scope="col"> </th>
<th width="136" scope="col"> </th>
</tr>
<tr>
<td colspan="2"><img src="Images/van.jpg" alt="Sub Zero Refrigeration Heating and Air Conditioning Service Van" width="243" height="109" align="left" /></td>
<td colspan="6"><img src="Images/footer_right.jpg" width="717" height="109" alt="Footer" /></td>
</tr>
</table>
</div>
<div class="footer2">
<div class="footer">
<table width="960" height="62" border="1" align="center" cellspacing="8">
<tr valign="middle">
<th width="234" scope="col">Schedule a Service Call</th>
<th width="247" scope="col"><p>Schedule Free New Equipment Replacement Estimate</p></th>
<th width="99" scope="col"><a href="https://www.acca.org/consumer/find-a-contractor" target="_blank"><img src="Images/acca.gif" width="85" height="48" alt="ACCA Sub Zero Refrigeration" /></a></th>
<th width="94" scope="col"><a href="http://www.bbb.org/chicago/business-reviews/heating-and-air-conditioning/sub-zero-refriger ation-and-a-c-in-midlothian-il-7695" target="_blank"><img src="Images/BBB.png" width="87" height="48" alt="Sub Zero Refrigeration BBB A+ Rating" /></a></th>
<th width="84" scope="col"><a href="http://www.natex.org/" target="_blank"><img src="Images/nate.png" width="76" height="74" alt="NATE Sub Zero Refrigeration" /></a></th>
<th width="83" scope="col"><a href="http://www.twitter.com/subzerorefrig" target="_new"><img src="Images/twitter_logo.jpg" width="69" height="69" alt="Follow us on Twitter" /></a></th>
<th width="143" scope="col"><a href="https://www.facebook.com/subzerorefrig" target="_new"><img src="Images/facebook.png" width="81" height="81" alt="" /></a></th>
</tr>
</table>
</div>
<div class="footer3" id="footer3">
<div class="footer">
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="960" style="background-color: #B7E3EA; font-size: 10px; font-family: Arial, Helvetica, sans-serif" scope="col">Home | About Us | Repair | Sales | Maintenance | Products | Our Job Photos | Cool Savings | Social | Contact Us | Schedule Free New Equipment Estimate | Schedule Service | Site Map<br />
Search Sub Zero Refrigeration Heating and Air Conditioning<br /> </th>
</tr>
</table>
<p><!-- end .container --> Copyright 1999-2013 | Last updated on
<!-- #BeginDate format:Am1 -->February 19, 2012<!-- #EndDate --> | Web designer's - Ted Wagner and Cherie White Cachampis </p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
swfobject.registerObject("FlashID");
</script>
</body>
</html>I seem to have fixed it by putting <div class="clearfloat"></div> after the navigation bar?
Maybe you are looking for
-
Hi All, Could you provide me the steps for creating an PACKAGE Thanks in advance -Ravi
-
Startup Problems Application Server on Fedora Core 5
Greetings All; Little background information router ip address: 192.168.1.1 web server ip address: 192.168.1.101 (outside: dcrumb.homeip.net) installed from ip address: 192.168.1.100 using jdk-1.5.0_07 here are my applicable firewall rules: -A RH-Fir
-
Move iweb site from one computer to different computer?
I have 2 web sites through iWeb on my macbook pro, one mine and one my daughter's. She made hres while we were on vacation (using my laptop). Now that we are home I'd like to move hers to her iMac computer. Is that something easy? I cannot risk losin
-
Linking user table with system table
Hello, I'm trying to link a user table with IC table in order to asign many sales person to a customer. I've created a new button in the IC form. When clicked a new form is opened to asign sales person to the IC. Now I need to retrieve the records as
-
Substitution of a page in Pdf file
how to substitute a page , the front one , in pdf file