optimus

Don't know about the Wimpy player, but have you considered this option?

Have you specified width and height for div that video is in? This should help keep the dimensions of page in tact.

Found this link which helps explain difference between @import and linking in head.

Can we have some code to troubleshoot?

Bounce rate is the rate at which users exit your site. So for a particular page, if bounce rate is 10%, that means 10% of your visitors left your site after viewing the page, while 90% viewed other pages on your site. Page views are total number of pages viewed. Here are some links that might help: http://services.google.com/analytics/breeze/en/interpreting_reports_visits/index.html http://services.google.com/analytics/breeze/en/interpreting_reports_guidelines/index.html

If you want to post some of your code, and express what your goal is, I'm sure someone will be willing to help out.

I have a mysql_fetch_array result that produces 120 or so rows. To help make the resulting table more readable, I would like to insert a <hr>, or some graphic, after every 6th row of the resulting table. Any ideas how to do so? Here's the code I've got for the mysql_fetch_array. echo '<table class="db_t_res">\n'; if($result) { while($row = mysql_fetch_array($result)) { echo '<tr>\n <td style="width:10%;">'. echo $row['year']; echo '</td>\n <td style="width:30%;">'; echo $row['industry']; echo '</td>\n <td style="width:60%;">'; echo $row['emissions']; echo '</td>\n </tr>\n'; } } echo '</table>\n'; Which produces this result: Year Industry MMTCO2 Emissions 1990 All 95.36 1990 Commercial 4.34 1990 Electric 23.08 1990 Industry 19.94 1990 Residential 6.50 1990 Transportation 41.50 1991 All 96.42 1991 Commercial 4.09 1991 Electric 25.12 1991 Industry 20.32 1991 Residential 6.39 1991 Transportation 40.50 1992 All 97.68 1992 Commercial 4.52 1992 Electric 26.69 1992 Industry 19.27 1992 Residential 6.97 1992 Transportation 40.24 1993 All 102.25 1993 Commercial 4.92 1993 Electric 31.25 1993 Industry 17.69 1993 Residential 7.17 1993 Transportation 41.22 1994 All 101.21 1994 Commercial 4.98 1994 Electric 29.16 1994 Industry 18.05 1994 Residential 7.10 1994 Transportation 41.91 1995 All 103.32 1995 Commercial 5.20 1995 Electric 30.36 1995 Industry 18.02 1995 Residential 7.20 1995 Transportation 42.54 1996 All 107.93 1996 Commercial 5.94 1996 Electric 33.06 1996 Industry 17.96 1996 Residential 8.13 1996 Transportation 42.84 1997 All 110.25 1997 Commercial 5.47 1997 Electric 34.35 1997 Industry 18.41 1997 Residential 7.79 1997 Transportation 44.23 1998 All 111.67 1998 Commercial 5.31 1998 Electric 36.22 1998 Industry 18.14 1998 Residential 7.12 1998 Transportation 44.89 1999 All 113.80 1999 Commercial 5.27 1999 Electric 37.80 1999 Industry 17.67 1999 Residential 7.25 1999 Transportation 45.81 2000 All 122.55 2000 Commercial 5.73 2000 Electric 42.30 2000 Industry 17.69 2000 Residential 8.28 2000 Transportation 48.54 2001 All 120.53 2001 Commercial 5.23 2001 Electric 41.84 2001 Industry 17.46 2001 Residential 7.52 2001 Transportation 48.49 2002 All 119.03 2002 Commercial 4.89 2002 Electric 40.89 2002 Industry 17.28 2002 Residential 7.33 2002 Transportation 48.63 2003 All 122.88 2003 Commercial 5.55 2003 Electric 40.56 2003 Industry 18.35 2003 Residential 8.31 2003 Transportation 50.11 2004 All 127.37 2004 Commercial 5.46 2004 Electric 40.27 2004 Industry 18.83 2004 Residential 8.41 2004 Transportation 54.41 2005 All 129.14 2005 Commercial 5.49 2005 Electric 41.03 2005 Industry 18.72 2005 Residential 8.49 2005 Transportation 55.41 2006 All 122.56 2006 Commercial 4.88 2006 Electric 36.48 2006 Industry 17.64 2006 Residential 7.05 2006 Transportation 56.50 2007 All 127.95 2007 Commercial 4.98 2007 Electric 41.03 2007 Industry 17.95 2007 Residential 7.44 2007 Transportation 56.56

Problem has been resolved. Thanks for everyone's help.

It looks like the 2nd code section posted above, where it says: produces this result (only first 20 results listed) Is that what you meant? That is the query result I get from phpMyAdmin

This query runs fine in phpMyAdmin. This query SELECT `y`.`year` AS `Year`, `i`.`industry` AS `Industry`, `e`.`emissions` AS `MMTCO2 Emissions` FROM `emissions` AS `e` INNER JOIN `year` AS `y` ON `y`.`y_id` = `e`.`y_id` INNER JOIN `industry` AS `i` ON `i`.`i_id` = `e`.`i_id` WHERE `e`.`s_id` = '1' ORDER BY `y`.`year` ASC, `i`.`industry` ASC; Produces this result (only first 20 results listed) Year Industry MMTCO2 Emissions 1990 All 109.94 1990 Commercial 2.34 1990 Electric 50.28 1990 Industry 26.04 1990 Residential 3.16 1990 Transportation 28.11 1991 All 113.14 1991 Commercial 1.92 1991 Electric 54.17 1991 Industry 25.30 1991 Residential 3.08 1991 Transportation 28.67 1992 All 119.91 1992 Commercial 2.02 1992 Electric 56.93 1992 Industry 28.37 1992 Residential 3.26 1992 Transportation 29.32 1993 All 124.71 1993 Commercial 1.94 1993 Electric 62.82 1993 Industry 26.96 1993 Residential 3.50 1993 Transportation 29.50 1994 All 122.78 1994 Commercial 1.95 1994 Electric 58.81 1994 Industry 27.92 1994 Residential 3.38 1994 Transportation 30.72 Here is the database schema. First string represents table name. (only first couple listed for space) state s_id state 1 Alabama 2 Alaska (etc... 51 total rows) year y_id year 1 1990 2 1991 (etc... 18 total rows) industry i_id industry 1 Commercial 2 Industry 3 Residential 4 Transportation 5 Electric 6 All emissions e_id s_id y_id i_id emissions 1 1 1 1 2.34 2 1 2 1 1.92 3 1 3 1 2.02 4 1 4 1 1.94 5 1 5 1 1.95 6 1 6 1 1.85 7 1 7 1 2.05 8 1 8 1 2.30 9 1 9 1 1.81 10 1 10 1 2.01 (etc... 5508 total rows) Here is the revised HTML code for the form <form method="post" action="results-state-all.php"> <select name="state"> <option value="select">--Choose A State--</option> <option value="1">Alabama</option> <option value="2">Alaska</option> <!-- etc... --> </select> <input type="submit" value="Display Results" /> </form> Here is my revised PHP so far: <?php require_once('mysqli_connect.php'); ?> // Alias for form selection $state = $_POST["state"]; // Mysql query $query = "SELECT `y`.`year` AS `Year`, `i`.`industry` AS `Industry`, `e`.`emissions` AS `MMTCO2 Emissions` FROM `emissions` AS `e` INNER JOIN `year` AS `y` ON `y`.`y_id` = `e`.`y_id` INNER JOIN `industry` AS `i` ON `i`.`i_id` = `e`.`i_id` WHERE `e`.`s_id` = '".$state."' ORDER BY `y`.`year` ASC, `i`.`industry` ASC"; $result = mysqli_query($connect, $query); // Query result while ($row = mysqli_fetch_array($result)) { echo '"<table><tr><td>" .$row["year"]. "</td> <td>" .$row["industry"]. "</td> <td>" .$row["emissions"]. "</td> </tr> </table>"'; } ?> Still getting this error on the mysqli_fetch_array statement: Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, boolean given in ... on line 38

Yes, I see your point. So your saying I wouldn't need 51 if statements (1 for each state)? Getting this error code: Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in 'URL path' on line 60 Line 60 code is: $alRow = mysql_fetch_array($alResult);

You think the problem is in the $alAll mySql query portion? It worked fine using phpMyAdmin.

Hey everyone. Still learning PHP and have a ways to go. Was hoping for some help. I've got a database in mySql, and trying to get results printed in PHP from a drop-down menu selection. Here is my html code for the form: <form method="post" action="results.php"> <select name="state"> <option value="select">--Choose A State--</option> <option value="al">Alabama</option> <option value="ak">Alaska</option> <!-- etc... --> </select> <input type="submit" value="Display Results" /> </form> Here is the basic layout of results.php so far: <?php ini_set('display_errors',1); // Connect to server $connect = mysql_connect("url","user","pass"); // Connect to database mysql_select_db("dbname",$connect); // Kill command if (!$connect) { die('Could not connect to database.'); }; // Aliases for form selection $state = $_POST["state"]; // Mysql query $alAll = "SELECT `y`.`year` AS `Year`, `i`.`industry` AS `Industry`, `e`.`emissions` AS `MMTCO2 Emissions` FROM `emissions` AS `e` INNER JOIN `year` AS `y` ON `y`.`y_id` = `e`.`y_id` INNER JOIN `industry` AS `i` ON `i`.`i_id` = `e`.`i_id` WHERE `e`.`s_id` = 1 ORDER BY `y`.`year` ASC, `i`.`industry` ASC"; $alResult = mysql_query($alAll, $connect); $alRow = mysql_fetch_array($alResult); if ($state = "al") { echo "<table>"; echo "<tr>"; echo "<td>"; echo $alRow["year"]; echo "</td>"; echo "<td>"; echo $alRow["industry"]; echo "</td>"; echo "<td>"; echo $alRow["emissions"]; echo "</td>"; echo "</tr>"; echo "</table>"; } ?> I've tried doing this in multiple ways, but can't figure out how to print out mySql query based on state selection in PHP. MySql code works fine, as I have tested on MAMP. Any ideas?

I'm missing something here. I want to change the color of the default value for this text field, without changing the overall color of the input field. For example, the default value of 170 will be gray, but when a user overwrites the data with their own numerical value, it will be black. I know how to change the color of the input field when a user types in data, but is there a way to change the color of the value= ? <input type="text" name="trans1_1" size="6" value="170"/> Any ideas? Seems like a simple task, but can't figure it out. Thanks in advance for the time.

Nice one. Thanks!

Thanks Eskymo! Greatly appreciated.

Thanks for posting this link. Very useful info.

Hey everyone. I'm trying to add a little something additional to this script. This is a great script I found that shows a full size image in a separate div during rollover of thumbnail in different div. What I would like to do is make an addition to this script that will allow me to load text, on the same mouse over, into another separate div below the full size picture load div (for this example, called photoload). Any help or suggestions would be greatly appreciated. var thumbnailviewer2={ enableTitle: true, //Should "title" attribute of link be used as description? enableTransition: true, //Enable fading transition in IE? hideimgmouseout: false, //Hide enlarged image when mouse moves out of anchor link? (if enlarged image is hyperlinked, always set to false!) /////////////No need to edit beyond here///////////////////////// iefilterstring: 'progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)', //IE specific multimedia filter string iefiltercapable: document.compatMode && window.createPopup? true : false, //Detect browser support for IE filters preloadedimages:[], //array to preload enlarged images (ones set to display "onmouseover" targetlinks:[], //array to hold participating links (those with rel="enlargeimage:initType") alreadyrunflag: false, //flag to indicate whether init() function has been run already come window.onload loadimage:function(linkobj){ var imagepath=linkobj.getAttribute("href") //Get URL to enlarged image var showcontainer=document.getElementById(linkobj.getAttribute("rev").split("::")[0]) //Reference container on page to show enlarged image in var dest=linkobj.getAttribute("rev").split("::")[1] //Get URL enlarged image should be linked to, if any var description=(thumbnailviewer2.enableTitle && linkobj.getAttribute("title"))? linkobj.getAttribute("title") : "" //Get title attr var imageHTML='<img src="'+imagepath+'" style="border-width: 0" />' //Construct HTML for enlarged image if (typeof dest!="undefined") //Hyperlink the enlarged image? imageHTML='<a href="'+dest+'">'+imageHTML+'</a>' if (description!="") //Use title attr of the link as description? imageHTML+='<br />'+description if (this.iefiltercapable){ //Is this an IE browser that supports filters? showcontainer.style.filter=this.iefilterstring showcontainer.filters[0].Apply() } showcontainer.innerHTML=imageHTML this.featureImage=showcontainer.getElementsByTagName("img")[0] //Reference enlarged image itself this.featureImage.onload=function(){ //When enlarged image has completely loaded if (thumbnailviewer2.iefiltercapable) //Is this an IE browser that supports filters? showcontainer.filters[0].Play() } this.featureImage.onerror=function(){ //If an error has occurred while loading the image to show if (thumbnailviewer2.iefiltercapable) //Is this an IE browser that supports filters? showcontainer.filters[0].Stop() } }, hideimage:function(linkobj){ var showcontainer=document.getElementById(linkobj.getAttribute("rev").split("::")[0]) //Reference container on page to show enlarged image in showcontainer.innerHTML="" }, cleanup:function(){ //Clean up routine on page unload if (this.featureImage){this.featureImage.onload=null; this.featureImage.onerror=null; this.featureImage=null} this.showcontainer=null for (var i=0; i<this.targetlinks.length; i++){ this.targetlinks[i].onclick=null this.targetlinks[i].onmouseover=null this.targetlinks[i].onmouseout=null } }, addEvent:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload) var tasktype=(window.addEventListener)? tasktype : "on"+tasktype if (target.addEventListener) target.addEventListener(tasktype, functionref, false) else if (target.attachEvent) target.attachEvent(tasktype, functionref) }, init:function(){ //Initialize thumbnail viewer script this.iefiltercapable=(this.iefiltercapable && this.enableTransition) //True or false: IE filters supported and is enabled by user var pagelinks=document.getElementsByTagName("a") for (var i=0; i<pagelinks.length; i++){ //BEGIN FOR LOOP if (pagelinks[i].getAttribute("rel") && /enlargeimage:/i.test(pagelinks[i].getAttribute("rel"))){ //Begin if statement: Test for rel="enlargeimage" var initType=pagelinks[i].getAttribute("rel").split("::")[1] //Get display type of enlarged image ("click" or "mouseover") if (initType=="mouseover"){ //If type is "mouseover", preload the enlarged image for quicker display this.preloadedimages[this.preloadedimages.length]=new Image() this.preloadedimages[this.preloadedimages.length-1].src=pagelinks[i].href pagelinks[i]["onclick"]=function(){ //Cancel default click action return false } } pagelinks[i]["on"+initType]=function(){ //Load enlarged image based on the specified display type (event) thumbnailviewer2.loadimage(this) //Load image return false } if (this.hideimgmouseout) pagelinks[i]["onmouseout"]=function(){ thumbnailviewer2.hideimage(this) } this.targetlinks[this.targetlinks.length]=pagelinks[i] //store reference to target link } //end if statement } //END FOR LOOP } //END init() function } if (document.addEventListener) //Take advantage of "DOMContentLoaded" event in select Mozilla/ Opera browsers for faster init thumbnailviewer2.addEvent(document, function(){thumbnailviewer2.alreadyrunflag=1; thumbnailviewer2.init()}, "DOMContentLoaded") //Initialize script on page load else if (document.all && document.getElementsByTagName("a").length>0){ //Take advantage of "defer" attr inside SCRIPT tag in IE for instant init thumbnailviewer2.alreadyrunflag=1 thumbnailviewer2.init() } thumbnailviewer2.addEvent(window, function(){if (!thumbnailviewer2.alreadyrunflag) thumbnailviewer2.init()}, "load") //Default init method: window.onload thumbnailviewer2.addEvent(window, function(){thumbnailviewer2.cleanup()}, "unload") HTML: <div class="thumbs"> <a href="img/websites/aaa.jpg" alt="aaa" rel="enlargeimage::mouseover" rev="photoload"> <img src="img/websites/aaa-tn.jpg" alt="aaa-tn" /> <!-- This is the same rollover link that I would like to load the 2nd div from --!> </a> </div> <div class="thumbs"> <a href="img/websites/bbb.jpg" alt="bbb" rel="enlargeimage::mouseover" rev="photoload"> <img src="img/websites/bbb-tn.jpg" alt="bbb-tn" /> <!-- This is the same rollover link that I would like to load the 2nd div from --!> </a> </div> <div id="photoload"> </div> <div id="descriptions"> </div> </div>

Thanks for the replies. Actually, the problem was that, in my html code, the html comments had extra dashes (-), and extended onto 3 lines. Once i consolidated the html comment onto 1 line, the problem was resolved.

Hey everyone. I'm having problem with this code. Been over it several times, and just can't seem to find the problem. My nav div isn't showing up when I preview. And as a result, the rest of the rough design is being pushed to the left of the page. Any help would be greatly appreciated. Here's the code: /*-------------------------------*/ /*--Browser default style reset--*/ /*-------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} /*---------------*/ /*--Link styles--*/ /*---------------*/ a:link {text-decoration:none; color:#A97F7F;} a:visited {text-decoration:none; color:#bf6a6a;} a:hover {text-decoration:none; color:#6565ff;} a:active {text-decoration:none; color:#bf6a6a;} /*--------------------*/ /*--Text and spacers--*/ /*--------------------*/ h1 { font-size:130%; font-weight:bold;} h2 { font-size:90%; font-weight:bold;} h3 { padding:0px 0px 5px 0px;} .spacer { width:130px; height:auto; float:left; display:inline;} .spacer1 { width:850px; height:15px;} /*------------------*/ /*--Content styles--*/ /*------------------*/ body { margin:0 auto; color: #ffffff; background-color: #000000; font-family:Geneva,Arial,Helvetica,sans-serif;} #center { width:600px; height:auto; float:left;} #container { width:850px; height:auto; margin:0 auto;} #content { width:550px; height:300px; float:left; display:inline; overflow:auto; padding:20px; /*border-style:solid; border-color:#754e4e; border-width:2px;*/} #footer { width:850px; height:60px; float:left;} #footer p { text-align:center; font-size:70%;} .frame { width:600px; height:50px; text-align:center; float:left;} #header { width:850px; height:100px; float:left; background-image: url(img/header.jpg); text-align:center;} #main { width:850px; height:auto; float:left;} .mainContent { width:400px; height:150px; float:left; display:inline; padding:0px 10px 10px 10px;} .mainContent p { font-size: 70%;} .mainPhoto { width:100px; height:auto; float:left; display:inline;} #nav { width:130px; height:auto; float:left; text-align:left; margin:40px 0px 20px 10px;} #nav p{ text-align:center; display:inline; font-size:80%;} Here is the html code: <!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>Untitled Document</title> <link rel="stylesheet" type="text/css" href="styles3.css" /> </head> <div id="container"> <div class="spacer1"> </div> <div id="header"> </div> <div class="spacer1"> </div> <!-- ------- Navigation -------- --> <div id="main"> <div id="nav"> <a href="index.html">Home</a> <br /> <a href="about.html">About</a> <br /> <a href="projects.html">Projects</a> <br /> <a href="reels.html">Reels</a> <br /> <a href="contact.html">Contact</a> </div> <!-- ------- Main content -------- --> <div id="center"> <div class="frame"> <img src="img/content-frame-top.gif" alt="frame-top" /> </div> <div id="content"> <div class="mainPhoto"> <img src="img/test.jpg" alt="DVD cover" title="Planet B-boy DVD cover" width="100px" height="142px" /> </div> <div class="mainContent"> <h2>PLANET B-BOY DVD RELEASE</h2> <p>After a successful worldwide theatrical release, Planet B-boy will be will be released on DVD on Nov 11, 2008 in the US. Pre-order today. It is currently available on DVD in Canada and Germany...the rest of the world coming soon. For more info, visit <a href="http://www.planetbboy.com" target="_blank">planetbboy.com</a> and sign up for their news updates.</p> </div> <div class="mainPhoto"> <img src="img/test.jpg" alt="DVD cover" title="Planet B-boy DVD cover" width="100px" height="142px" /> </div> <div class="mainContent"> <h2>TOE TO TOE EDIT UPDATE</h2> <p>Principal editing of the narrative feature film "Toe to Toe" is complete. Over the next couple months we'll be making some tweaks to it, composing music for, sound editing/mixing and color correcting. We'll hopefully be premiering at a major festival this winter.</p> </div> <div class="mainPhoto"> <img src="img/test.jpg" alt="DVD cover" title="Planet B-boy DVD cover" width="100px" height="142px" /> </div> <div class="mainContent"> <h2>Article 3</h2> <p>Principal editing of the narrative feature film "Toe to Toe" is complete. Over the next couple months we'll be making some tweaks to it, composing music for, sound editing/mixing and color correcting. We'll hopefully be premiering at a major festival this winter.</p> </div> </div> <div class="frame"> <img src="img/content-frame-bottom.gif" alt="frame-bottom" /> </div> </div> <div id="footer"> <br /> <p>©2008 Last Frame Of Action. All rights reserved.<br /></p> </div> </div> </div> </body> </html>

Yeah, I don't use tables either. I'm using Div's. Maybe that's why its not working. But I have received another code which works for the post part for my purposes. The only thing is I would like the rollover to appear at a set position on the page. Any ideas how I can accomplish with the following code? Thanks for your input and help. Greatly appreciated. <img alt="tn01.jpg" src="img/tn/tn01.jpg" name="thumb1" onmouseover="this.src='img/lg/lg01.jpg';" onmouseout="this.src='img/tn/tn01.jpg';">

Sorry. The proper link is http://www.laurastojanovic.com/ I will check out the javascript popup link you sent my way. Is "popup" the proper term for what I'm looking for? Because I've been doing searched for image rollover, and just getting those simple rollover button type articles.

Hey everyone. I was hoping to get some help on this relatively simple issue (not so easy for someone who doesn't know any JS). Upon rollover of a thumbnail image (no mouse click), I would like to have a large version of the image appear in the page. A good example of what I'm looking for can be found here: www.laurastajanovic.com (I tried using the source code found on the site, but doesn't work for some reason). I think its a simple code, but not sure. Any help would be greatly appreciated. Thanks.

I'm having a problem getting the formatting for this next model to work in IE. I have a bunch of buttons, which are contained in lists, that call up a javascript action within the open page once clicked (to see what I'm talking about, please check out: www.db-elements.com/ahimsa/blake_babies). It looks fine in Firefox and Opera, but the right navigation system looks all weird in IE, and I'm not quite sure why. I've asked many people what the problem could be, and there are no definitive answers. So I thought I would try getting rid of the buttons all together, and calling up the javascript action through the A HREF tag. I saw some tutorials online on how to go about doing this, but they don't seem to work on the fore-mentioned page. Here is the code I came across, which I tried to implement for each button in the right nav of the site, but to no avail: <a href="java script:MyFunction();">Text to Click</a> Does anybody know how I can translate the following into a A HREF tag, instead of having these links exist as buttons? <input type="button" class="button" onclick="return toggleMe('alright')" value="Alright" /> Thanks in advance for any insights the community can provide. Dave

The accordion is similar to what I had in mind, but not exactly. Let me expand a bit more on the desired effect. I have a nav system setup on the right side of my page. I want the hyperlinks/button to trigger a show/hide accordion effect with <p> content that exists in the content portion of the page, which is located centered and to the left of the right nav system. Here is the page so far, maybe this will help clarify. http://www.db-elements.com/ahimsa/blake_ba...ndex_w_js2.html If you click, for example, "Alright" in the right nav, the content for that link will appear under the links panel. But if you click the link right below it, it won't collapse the previous content that was open. I would like to have the accordion effect take place when someone clicks on the next link. Any ideas? If not, I will probably go with the accordion effects you have suggested. This was the initial idea, as you can see by the remaining links in the content area, which have the same click & show effect for the paragraphs, but again, they will not collapse unless you manually click the link again. Thanks for the help, by the way. Greatly appreciated from a newbie. Dave