Thinkbox gallery - space between thumbnails

Hi. I am working on a PC on Windows 7 with DW CS4.
I watched a video recently on youTube about how to create a photo gallery in Dreamweaver:
http://www.youtube.com/watch?v=YlB_IZqKg_o
I would like to know how to create more space between the thumbnails. It seems there is only a "space" with the spacebar inbetween. Do I have to use CSS to do this? I am looking to have 5 thumbnails on a row.
I feel like the answer is staring at me in the face, but I have no idea at the moment.
Thank you for any help.

Hi DWILCOX01
I am in the process of working on a test page, but it is not finished. I am just seeing how this thinkbox gallery thing works first.
Thanks for the info, I will look into the margin and padding options.
Thank you again

Similar Messages

More space between thumbnails

Hello there
I am creating a image gallery with this tutorial
http://www.youtube.com/watch?feature=player_embedded&v=rnZNv2jTC9c&noredirect=1
and I would like to have more space between thumbnails, I guess it is doable but I cant figure it out.
Any ideas??
Thank you

Activate the thumbnail container, this will turn on the spacing panel.

Space between thumbnails - Lightbox Widget

Hi
Does anyone know if it's possible to control the space between the thumbnails in Lightbox widget?
It's always with 10 pixels, no matter the size of the thumbnails.
Cheer's
Dandalo Gabrielli

You can control the spacing in the spacings panel. Select any thumbnail and adjust the margin to change the spacing.

Lightbox Slideshow adjust spacing between thumbnails

Hi
This is actually a two part question -
1. I want to give a collage look to my slideshow, without any spacing between thumbnails. How can I remove all the space between thumbnails.
2. For all the thumbnails I want -"Fit the frame proportionally" and for all the big lightbox images I want "Fit Content proportionally" so that vertical and horizontal images are not cropped in the Lightbox view. How can I do that for all the images together rather than going one by one.
Thanks in advance.
-MP

Hi MP,
For your 1st request, the Thumbnails (containers that hold the thumb images) cannot be resized individually and maintain same dimensions for all the thumbnails. For this reason, even though you can remove all spacing between Thumbnails by selecting the Thumbnail Container and specifying H and V Gutter in the Spacing Panel to 0 -- if your slideshow images are of mismatched dimensions and proportions and you have Fit Content Proportionally selected as the Fitting option, then there will be an inevitable space around the thumb images either vertically or horizontally. You can work around that by using the Fill Frame Proportionally option.
For your 2nd request. you can choose the appropriate option in the Flyout menu for "New Hero" and "New Thumbnail" options BEFORE adding the new images to the slideshow. The selection you make here will be applicable for images that you add after setting this option. So the appropriate workflow would be to setup your slideshow the way you want, then choose the appropriate option for New Hero and New Thumbnail and then add all your images to the slideshow.
If you want fine grained control over thumbnail and images, you may look at Composition Widgets which allow you to manually place and size all content individually and still allow you to use the composition as a slideshow upon publishing.
Thanks,
Vikas

How to eliminate space between rows in my gallery?

I have been trying for days to figure out how to get rid of the space between these rows. Padding and margins for the gallery as well as the rows individually have been set to zero. What are those markers (circled in red)? They seem to indicate the break between rows...
Thanks for any help...

There is no need to have your gallery in rows, or have each element inside it's own div with class. You can make this much cleaner by making a list - like your menu.
Your issues were caused by the large amount of <p> tags (which have margins and padding by default) and the fact each image was wrapped in a <h2> tag (which should only be used for headings and also has a default padding and margin). Add to this the <blockquote> and you have a bit of a difficult scenario.
I have cleaned the gallery up for you. Use the HTML below, with the CSS provided. You will need to clean up your CSS afterwards as a lot of the classes you don't need - at least for this page. Another thing is you have 3 containers for the gallery - content2, galleryframeformovie and gallery. Why? Remove the movie one and place the gallery div inside the content2 div.
HTML
<div id="content2"></div>
<div id="galleryframeformovie">
<div id="gallery">
    <ul>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big4.jpg" class="pirobox_gal1" title="4th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm4.jpg" alt="" width="106" height="72" title="" /></a></li>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big5.jpg" class="pirobox_gal1" title="5th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm5.jpg" alt="" width="106" height="72" title="" /></a></li>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big6.jpg" class="pirobox_gal1" title="6th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm6.jpg" alt="" width="106" height="72" title="" /></a></li>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big2.jpg" class="pirobox_gal1" title="2nd Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm2.jpg" alt="" width="106" height="72" title="" /></a></li>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big3.jpg" class="pirobox_gal1" title="3rd Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm3.jpg" alt="" width="106" height="72" title="" /></a></li>
        <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big4.jpg" class="pirobox_gal1" title="4th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm4.jpg" alt="" width="106" height="72" title="" /></a></li>
        <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big5.jpg" class="pirobox_gal1" title="5th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm5.jpg" alt="" width="106" height="72" title="" /></a></li>
        <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big6.jpg" class="pirobox_gal1" title="6th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm6.jpg" alt="" width="106" height="72" title="" /></a></li>
        <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big2.jpg" class="pirobox_gal1" title="2nd Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm2.jpg" alt="" width="106" height="72" title="" /></a></li>
          <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big3.jpg" class="pirobox_gal1" title="3rd Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm3.jpg" alt="" width="106" height="72" title="" /></a></li>
      </ul>
    </div>
</div>
CSS
#gallery{
          width: 560px;
          float: left;
          margin: 0;
          overflow:hidden;
          width: 560px;
          height: 400px;
          line-height: 19px;
          float: left;
          font-size: 19px;
          margin: 0;
          overflow: visible;
#gallery ul {
          list-style-type:none;
          width:100%;
#gallery li {
          width: 106px;
          height: 73px;
          float:left;
          color: #ffffff;
          padding: 0;
          margin:0 20px 20px 0;
Good luck.
Rik

Space between DIV with image and DIV with image background

I have just about finalized the new design on my website. The only issue I am having now is on the gallery page. There is a thin space between a DIV with an image and DIV with an image background. I am using these DIV's to give the illusion of a blue border. If you look at any of the other main pages on the site the space is not there. Any ideas?
http://liquidfirefishing.com/index.php
http://liquidfirefishing.com/gallery/main.php
Here are a couple of screenshots to show exactly what I mean.

Hello,
both my "IE8" and my "FF 7.01" show the blue boundary lines. Here my screenshots, left side IE8, right side FF:
Header 1
Header 2
Hans-Günter

Help with adjusting spacing between thumbnails and image in slideshow

How can I adjust the spacing on the slideshow page?
Customer wants more space between the thumbnails at the top and the image(s). Can I move the image & navigation tool or adjust the image size relative to the thumbnails and navigation tool at the bottom?
Although I'm familiar with html source code and working on simple stuff at that level, I have yet to locate it in iWeb and make any adjustments.
If anyone has step-wise instructions, I'd appreciate it. Thanks much.

Although I'm familiar with html source code and working on simple stuff at that level, I have yet to locate it in iWeb and make any adjustments.
iweb photos page's elements: header controls, detail view and footer controls are generated by ajax widgets, so there is nothing to in page source for you to find.
If anyone has step-wise instructions, I'd appreciate it. Thanks much.
that would be the instruction on how ajax widgets build photos page... there is none.
you can send feedback to apple and ask for details on iweb widgets and tools to build widgets.
that said, it can be done... check out with safari: http://temp.cyclosaurus.com/DetailView_Rearranged/Photos.html
code is linked to my example, i don't do tutorial.

White space between images

I have 5 rollover images lined up beside each other in a
table cell. I have reduced their borders to 0, the cell padding and
cell spacing to 0 also. I even tried reducing the images padding
and margin to 0. However, there is still a really thin line between
each of the images that i want to get rid of (it's as if the images
all have a small white border around them, but I've reduced their
borders to 0).
Here is what the code looks like:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="53">
<div id="box">
<p align="right"><img src="banner.jpg"
name="banner" width="536" height="101" border="0" id="banner" />
<a href="#" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('home','','Buttons/homebtnover.jpg',1)"><img
src="Buttons/homebtnup.jpg" name="home" width="107" height="36"
border="0" id="home" /></a><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('theteam','','Buttons/theteambtnover.jpg',1)"><img
src="Buttons/theteambtnup.jpg" name="theteam" width="107"
height="36" border="0" id="theteam" /></a><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('schedule','','Buttons/schedulebtnover.jpg',1)"><img
src="Buttons/schedulebtnup.jpg" name="schedule" width="107"
height="36" border="0" id="schedule" /></a><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('gallery','','Buttons/gallerybtnover.jpg',1)"><img
src="Buttons/gallerybtnup.jpg" name="gallery" width="107"
height="36" border="0" id="gallery" /></a><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('contact','','Buttons/contactbtnover.jpg',1)"><img
src="Buttons/contactbtnup.jpg" name="contact" width="108"
height="36" border="0" id="contact" /></a></p>
</div> </td>

.oO(Twinbird24)
>It still doesn't work. I've even tried to just make a new
document and just
>place the rollover images beside each other in a row
(horizontally). However,
>even with the image's borders, padding, and margin set to
0, there still seems
>to be a really small space between the images.
>
> Here is a link to the rollover images, as you can see,
there is that small
>white space between the images:
>
http://www.arkdesigns.ca/untitled.html
The gap I see is in the images themselves - the outermost
right and
bottom pixels are faded. There's no other gap between the
images in
Opera and IE 6.
Micha

How do I get rid of the 1/16" space between my igoogle homepage and firefox ribbon?

I am currently running Firefox 4 and have igoogle set as my homepage. Both with the previous version of Firefox and with the new one I have about a 1/16 inch blue gap/space between the top of my igoogle homepage and the bottom of the Firefox ribbon/header. How do I get rid of this eyesore? It is only when I am on my igoogle homepage that this is a problem. All other pages are seamless.

Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
Do a malware check with some malware scanning programs on the Windows computer.<br />
You need to scan with all programs because each program detects different malware.<br />
Make sure that you update each program to get the latest version of their databases before doing a scan.<br /><br />
*http://www.malwarebytes.org/mbam.php - Malwarebytes' Anti-Malware
*http://www.superantispyware.com/ - SuperAntispyware
*http://www.microsoft.com/windows/products/winfamily/defender/default.mspx - Windows Defender: Home Page
*http://www.safer-networking.org/en/index.html - Spybot Search & Destroy
*http://www.lavasoft.com/products/ad_aware_free.php - Ad-Aware Free
See also:
*"Spyware on Windows": http://kb.mozillazine.org/Popups_not_blocked

Read from Text File.vi adds spaces between characters

I'm openning a text file in LabVIEW, and and need to parse some information from it. However, when I open the file, there are extra spaces between the letters. When I just open the same file with Notepad or Wordpad, the spaces are not there. Is there a way to eliminate this problem?

And, since after the \FF\FE, every other character is \00, you can even do a homebrew quick&dirty solution.
Are the files always like that, or are some "normal"?
LabVIEW Champion . Do more with less code and in less time .
Attachments:
readspecialfile.png ‏12 KB

How to remove space between pages in Oracle Reports 6i?

Hi,
I have customized one oracle report (rdf). Earlier, the standard report was showing the ouput in pages i.e. there exists space beteen the pages. But I want my custom report in such a way that it should show me the result in one page i.e. there should be no space between the pages as user wants to spool the output into excel sheet (xls format) after getting the result output obtained from my custom report. Presently, when i spool the data into excel sheet, there is still the space exists between the pages like...few records will come then white space...then records.
How can I remove this space, so that user can easily spool the data into excel without existence of white space.
Any sort of help on this will be highly appreciated.
Thanks & Regards,
Sumir Chawla
Edited by: Chawla on Jan 4, 2009 10:20 PM

Hi,
My report is running on Unix. When I checked the output file in unix where it is getting generated, i saw ^L characters wherever the space appears when i see the output in apps (notepad) , like after every page where I am able to see the space in my output, there ^L is appearing in output file in unix, so how can I avoid this.
I tried to adjust the frames and repeatinf frames also, even i tried changing the properties also of main region (body), but nothing is working for me and still the same issue occurs. I am not aware of this. Please suggest me.
Thanks a lot!
Regards,
Sumir

How do I remove a space between tables?

In dreamweaver there appears to be no space and the page looks fine, however when I go into
internet explorer there is a gap between the tables. I want my image to be
at the bottom of my table, resting on the footer.
I have tried for hours to resolve this and I can't, there is still a space between my HR helpline image and my footer.
I have set all the borders and cell spacing to 0 but nothing seems to work.
I have not yet got my web site on line so can't tell you what the URL is, but when I go and view source from the internet explorer this is the code:
<td bgcolor="#FFFFFF"> </td>
    <td width="430" height="200" align="center" valign="bottom" bgcolor="#FFFFFF">
    <p><img src="../frustrated helpline.jpg" alt="HR helpline" width="331" height="282" border="0" longdesc="http://HR telephone helpline" /></td>
</tr>
</table>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#FFFFFF">
    <td valign="top"><img src="images/Core HR Web footer 900.jpg" width="900" height="81" alt="london surrey berkshire kingston" longdesc="http://footer" /></td>
</tr>
</table>
Thanks if anyone can help, I am really new to this.
Helen

HI Again
here is the code for my page
<!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>
<style type="text/css">

</style>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>ELISABETH SLOAN, ARCHITECT</title>
<style type="text/css">

</style>
<script type="text/javascript">
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_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_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>
</head>
<body class="BOX" onload="MM_preloadImages('Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Laub_600W-roll.jpg','Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Grunlan-P4062238_600W-roll.jpg','Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Mahoney_600W-roll.jpg','Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Harckham-back_Snow 1075_600W-roll.jpg')">
<span class="CONTAINER"></span>
<table width="1000" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td width="22" height="20" bgcolor="#84949D"> </td>
    <td width="22" bgcolor="#84949D"> </td>
    <td height="20" bgcolor="#84949D"> </td>
    <td height="20" bgcolor="#84949D"> </td>
    <td width="200" height="20" bgcolor="#84949D"> </td>
    <td height="20" bgcolor="#84949D"> </td>
    <td width="200" height="20" bgcolor="#84949D"> </td>
    <td height="20" bgcolor="#84949D"> </td>
    <td width="200" height="20" bgcolor="#84949D"> </td>
    <td width="22" height="20" bgcolor="#84949D"> </td>
    <td width="22" bgcolor="#84949D"> </td>
</tr>
<tr>
    <td width="22" height="45" bgcolor="#84949D"> </td>
    <td width="22" height="45" bgcolor="#B1C7D3"> </td>
    <td width="200" height="45" bgcolor="#B1C7D3"><div align="center">Practice</div></td>
    <td width="36" height="45" bgcolor="#B1C7D3"> </td>
    <td width="200" height="45" bgcolor="#B1C7D3"><div align="center">Portfolio</div></td>
    <td width="36" height="45" bgcolor="#B1C7D3"> </td>
    <td width="200" height="45" bgcolor="#B1C7D3"><p align="center"><a href="Links.html">Links</a></p></td>
    <td width="36" height="45" bgcolor="#B1C7D3"> </td>
    <td width="200" height="45" bgcolor="#B1C7D3"><div align="center"><a href="http://www.lizsloan-architect.com/">Home</a></div></td>
    <td width="22" height="45" bgcolor="#B1C7D3"> </td>
    <td width="22" height="45" bgcolor="#84949D"> </td>
</tr>
<tr>
    <td width="22" height="150" bgcolor="#84949D"> </td>
    <td width="22" height="150" bgcolor="#B1C7D3"> </td>
    <td width="200" height="150" bgcolor="#B1C7D3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Laub_600W-roll.jpg',1)"><img src="Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Laub_150-300W-BW.jpg" name="Laub Project" width="200" height="150" border="0" align="absmiddle" id="Image6" /></a></td>
    <td width="36" height="150" bgcolor="#B1C7D3"> </td>
    <td width="200" height="150" bgcolor="#B1C7D3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Grunlund Project','','Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Grunlan-P4062238_600W-roll.jpg',1)"> <img src="Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Grunlan-P4062238_150-300W-BW.jpg" name="Grunlund Project" width="200" height="150" border="0" align="absmiddle" id="Grunlund Project" /></a></td>
    <td width="36" height="150" bgcolor="#B1C7D3"> </td>
    <td width="200" height="150" bgcolor="#B1C7D3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Mahoney Project','','Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Mahoney_600W-roll.jpg',1)"><img src="Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Mahoney_150-300W-BW.jpg" name="Mahoney Project" width="200" height="150" border="0" id="Mahoney Project" /></a></td>
    <td width="36" height="150" bgcolor="#B1C7D3"> </td>
    <td width="200" height="150" bgcolor="#B1C7D3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Harckham Project','','Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Harckham-back_Snow 1075_600W-roll.jpg',1)"><img src="Liz ARCHITECT Photos/1HomePageArchPics/FinalHomePageTopBanner-Pics/Harckham-back_Snow 1075_150-300W-BW.jpg" name="Harckham Project" width="200" height="150" border="0" id="Harckham Project" /></a></td>
    <td width="22" height="150" bgcolor="#B1C7D3"> </td>
    <td width="22" height="150" bgcolor="#84949D"> </td>
</tr>
</table>
<table width="1000" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td height="21" bgcolor="#84949D"> </td>
    <td bgcolor="#B1C7D3"> </td>
    <td width="250" height="50" rowspan="6" bgcolor="#B1C7D3"><img src="Index-Extra_Files/ArtFROMflashLOGOgrab.jpg" width="235" height="217" alt="LOGO" /></td>
    <td height="21" valign="top" bgcolor="#B1C7D3"> </td>
    <td height="21" colspan="2" valign="bottom" bgcolor="#B1C7D3"> </td>
    <td height="21" valign="top" bgcolor="#B1C7D3"> </td>
    <td height="21" valign="top" bgcolor="#B1C7D3"> </td>
    <td height="21" valign="top" bgcolor="#84949D"> </td>
</tr>
<tr>
    <td height="42" bgcolor="#84949D"> </td>
    <td bgcolor="#B1C7D3"> </td>
    <td height="42" valign="top" bgcolor="#B1C7D3"> </td>
    <td height="42" colspan="2" valign="bottom" bgcolor="#B1C7D3"> </td>
    <td height="42" valign="top" bgcolor="#B1C7D3"> </td>
    <td height="42" valign="top" bgcolor="#B1C7D3"> </td>
    <td height="42" valign="top" bgcolor="#84949D"> </td>
</tr>
<tr>
    <td width="22" height="41" bgcolor="#84949D"> </td>
    <td width="22" bgcolor="#B1C7D3"> </td>
    <td height="41" valign="top" bgcolor="#B1C7D3"> </td>
    <td height="41" colspan="2" valign="bottom" bgcolor="#B1C7D3"><h2><span class="FirstLetter36">E</span><span class="Pt17"> </span>L<span class="Pt17"> </span>I<span class="Pt17"> </span>S<span class="Pt17"> </span>A<span class="Pt17"> </span>B<span class="Pt17"> </span>E<span class="Pt17"> </span>T<span class="Pt17"> </span>H<span class="Pt17"> </span> <span class="FirstLetter36">S</span><span class="Pt17"> </span>L<span class="Pt17"> </span>O<span class="Pt17"> </span>A<span class="Pt17"> </span>N,<span class="Pt17"> </span> <span class="FirstLetter36">A</span><span class="Pt17"> </span>R<span class="Pt17"> </span>C<span class="Pt17"> </span>H<span class="Pt17"> </span>I<span class="Pt17"> </span>T<span class="Pt17"> </span>E<span class="Pt17"> </span>C<span class="Pt17"> </span>T</h2></td>
    <td height="41" valign="top" bgcolor="#B1C7D3"> </td>
    <td width="22" height="41" valign="top" bgcolor="#B1C7D3"> </td>
    <td width="23" height="41" valign="top" bgcolor="#84949D"> </td>
</tr>
<tr>
    <td width="22" height="40" bgcolor="#84949D"> </td>
    <td width="22" height="40" bgcolor="#B1C7D3"> </td>
    <td height="40" bgcolor="#B1C7D3"> </td>
    <td width="356" height="40" bgcolor="#B1C7D3">Tel: 434.928.8288    <a href="http://www.LIZSLOAN-ARCHITECT.COM">lizsloan-architect.com</a></td>
    <td width="218" height="40" colspan="-1" bgcolor="#B1C7D3"><a href="mailto:[email protected]">[email protected]</a></td>
    <td height="40" bgcolor="#B1C7D3"> </td>
    <td width="22" height="40" bgcolor="#B1C7D3"> </td>
    <td width="23" height="40" bgcolor="#84949D"> </td>
</tr>
<tr>
    <td width="22" height="40" bgcolor="#84949D"> </td>
    <td width="22" height="40" bgcolor="#B1C7D3"> </td>
    <td height="40" bgcolor="#B1C7D3"> </td>
    <td height="40" colspan="2" bgcolor="#B1C7D3"><div align="center" class="Pt17">
      <div align="center"><span class="Front18">2</span>024 <span class="Front18">M</span>INOR ROAD | <span class="Front18">C</span>HARLOTTESVILLE, <span class="Front18"> V</span>IRGINIA 22903</div>
    </div></td>
    <td height="40" bgcolor="#B1C7D3"> </td>
    <td width="22" height="40" bgcolor="#B1C7D3"> </td>
    <td width="23" height="40" bgcolor="#84949D"> </td>
</tr>
<tr>
    <td width="22" height="30" bgcolor="#84949D"> </td>
    <td width="22" bgcolor="#B1C7D3"> </td>
    <td width="29" bgcolor="#B1C7D3"> </td>
    <td colspan="2" bgcolor="#B1C7D3"><h2> </h2></td>
    <td width="58" bgcolor="#B1C7D3"> </td>
    <td width="22" bgcolor="#B1C7D3"> </td>
    <td width="23" bgcolor="#84949D"> </td>
</tr>
</table>
<table width="1000" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td width="23" height="500" bgcolor="#84949D"> </td>
    <td width="68" bgcolor="#B1C7D3"> </td>
    <td width="816" height="500" bgcolor="#B1C7D3"><div align="center">

      <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
      <div class="dwuserEasyRotator" style="width: 800px; height: 600px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true, autoplayDelay:6100, lpp:'102-105-108-101-58-47-47-47-85-115-101-114-115-47-97-114-116-104-117-114-108-105-99- 104-116-101-110-98-101-114-103-101-114-47-68-111-99-117-109-101-110-116-115-47-69-97-115-1 21-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95- 115-119-102-115-47', wv:1, audio_showController:false, pro_infiniteLoop:true}" data-ername="BottomRotatorSloan">
        <div data-ertype="content" style="display: none;"><ul data-erlabel="Main Category">
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Graves057_BackView.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Graves057_BackView.jpg" />
          </li>
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Grunlan-P4062238_800.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Grunlan-P4062238_800.jpg" />
          </li>
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/GrunlundBack.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/GrunlundBack.jpg" />
          </li>
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Harckham-back_Snow 1075_800.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Harckham-back_Snow 1075_800.jpg" />
          </li>
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Harckham-front-snow_1092.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Harckham-front-snow_1092.jpg" />
          </li>
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Laub_800.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Laub_800.jpg" />
          </li>
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Mahoney_800.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Mahoney_800.jpg" />
          </li>
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Payne_450.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Payne_450.jpg" />
          </li>
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Scott ElevP3312150_800.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Scott ElevP3312150_800.jpg" />
          </li>
          <li>
                    <img class="main" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Studio Quandt P3312137_800.jpg" /> <img class="thumb" src="Liz ARCHITECT Photos/1HomePageArchPics/SlideShow_HomePage/Studio Quandt P3312137_800.jpg" />
          </li>
</ul>
</div>
        <div data-ertype="layout" data-ertemplatename="NONE" style="">
          <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:70px;" data-erconfig="{___numTiles:3, scaleMode:'fillArea', imgType:'main', __loopNextButton:false, arrowButtonMode:'rollover'}">
            <div class="erimgMain_slides" style="position: absolute; left:0px; top:0; bottom:0; right:0px;">
              <div class="erimgMain_slide">
                <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
                <div class="erhideWhenNoText" style="background: #000; background: rgba(0,0,0,0.85); position: absolute; left: 0; right: 0; bottom: 0; padding: 5px; color: #FFF; font-family: Arial; font-size: 12px;">
                  <p class="erimgMain_title" style="padding: 0; margin: 0 0 3px 0; font-weight: bold;"></p>
                  <p class="erimgMain_desc" style="padding: 0 0 10px 0; margin: 0;"></p>
                </div>
              </div>
            </div>
            <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleSmall', image2:'circleSmall'}"></div>
            <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;"></div>
          </div>
          <div class="erimgMain rotatorTileNav" style="position: absolute; left:0;right:0;bottom:0;height:80px;" data-erconfig="{numTiles:-1, scaleMode:'fillArea', imgType:'thumb', loopNextButton:false, arrowButtonMode:'rollover', __slideLinkEvent:'rollover'}">
            <div style="position: absolute; left: 0; top: 10px; right: 0; bottom: 0; background: #FFF;"></div>
            <div class="erimgMain_slides" style="position: absolute; left:0px; top:0; bottom:0; right:0px;">
              <div class="erimgMain_slide">
                <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 10px; bottom: 0; margin: 2px 1px;"></div>
                
                <div class="selectionArrow visibleWhenSelected" style="position: absolute; top: 0; left: 50%; margin-left: -10px; width: 20px; height: 10px; background-image: url('http://easyrotator.s3.amazonaws.com/1/i/rotator/FFF_arrow10_export.png');"></div>
              </div>
            </div>
            <div class="erimgMain_arrowLeft" style="position:absolute; left: 60px; top: 50%; margin-top: -10px;" data-erconfig="{image:'circleSmall', image2:'circleSmall'}"></div>
            <div class="erimgMain_arrowRight" style="position:absolute; right: 60px; top: 50%; margin-top: -10px;"></div>
          </div>
          <div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
            <br />
            Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds. <br />
            <br />
            <a style="color:#FFF;" href="#" class="erabout_ok">OK</a></div>
          <noscript>
            Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
          </noscript>
          <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
        </div>
      </div>
    
    </div></td>
    <td width="74" height="500" bgcolor="#B1C7D3"> </td>
    <td width="23" bgcolor="#84949D"> </td>
</tr>
</table>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td height="22" bgcolor="#84949D"> </td>
</tr>
</table>
<p> </p>
</body>
</html>

How do I add space between lines of text in the same cell on Numbers 3.0.1

I just updated to Mavericks 10.9. In numbers, I used to be able to uncheck a box in the inspector that would make it so the Return key did not move to the next cell, but instead allowed me to add more space between lines of text in the same cell.
How can I do this in the new version of numbers?

HI ilb,
Numbers 3 is a complete rewrite of the application. This preference option hasn't (yet) been included, but N3 is very much a 'work in progress. A word to Apple via Provide Numbers Feedback asking to have this option included in Numbers 3 might be a useful step. You'll find Provide Numbers Feedback in the Numbers menu in Numbers.
Regards,
Barry

How do I hide the grey space between pages in a document?

I am still trying to learn Pages after using MS Word for many years and I am unable to find how to eliminate the space between pages in a document on screen. I should add that after reading a lot of reviews re: versions of Pages I ordered a CD of iWorks 09 as the concensus seemed to be that the earlier versions were much better than the most recent. Anyway, I would like to just see the text and nothing else as though it is just one very long page! How can I do that without updating to the current version of Pages?
I have a MB Pro running iWork 09 version 4.3 on Yosemite (up-to-date).

Thanks for the response, Peter! I have seen your replies on many questions and you seem to be the bomb when it comes to Mac 'stuff' !
I guess i didn't explain myself well...I do not want to eliminate pages, I merely did not want to have all that wasted space (margins/footnotes/headers/grey) between the text I have on each page. It is merely for what I see on the screen - not elimination of the formatting/paging etc..
I have about a 15-20 page 'cheat sheet' that I have open frequently on the far right of my screen as I am working at my laptop which I refer to intermittently. I need to scroll thru pages to find what I am looking for and I just wanted to reclaim some real estate, so to speak. I don't want to change anything other than what I see on the screen - if I choose to print all or part of my 'cheat sheet' the format doesn't change and I can print whatever individual pages necessary! Actually I think there may still be a line showing a page break but no real 'space' between the pages.
Did this explanation help to further delineate what I am trying to do? and is it possible?

How do I create equal space between multiple tabs in Pages?

I am trying to create four center tabs with equal space between each but can not fiqure out how to achieve this. I owuld like to avoid using tables becuase I am trying to make sure the document is fully cross-paltform (Word, Pages, Open Office, etc.). Any ideas?

K or C,
The Text Inspector, "Tabs" tab has a box where you create tab stops. Click the plus sign to add a stop. When you are done, make a Paragraph Style to preserve the settings. As for regular spacing, you may have to use some arithmetic to achieve that.
These settings should be respected by any normal word processor.
Jerry

Thinkbox gallery - space between thumbnails

Similar Messages

Maybe you are looking for