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.

Similar Messages

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

More space between characters in different system...

Hi,
I'm facing a problem with a smartform.
For the same document, there is a difference between my development system and my quality system.
When I print my document in the quality system there is more space between the characters of the document !
The smartform and style are the same in both systems.
Is there someone who can help me to solve this issue ?
Many thanks,
Giu

Hi Giu,
Are you printing to the same printer and using the same printer drivers on both systems?
Regards,
Nick

Firefox issue h:datatable give more space between columns

Hi
In our application we are displaying table by using <h:datatable>,it was working fine in IE but when i used an firefox it gives more space between one row of data and next data row.. my code is like this
<a:outputPanel id="searchResults">
     <h:dataTable id="hotels" value="#{hotels}" var="hot" >
          <h:column>
               <f:facet name="header">Name</f:facet>
               #{hot.name}
          </h:column>
          <h:column>
               <f:facet name="header">Address</f:facet>
               #{hot.address}
          </h:column>
          <h:column>
               <f:facet name="header">City, State</f:facet>
               #{hot.city}, #{hot.state}, #{hot.country}
          </h:column>
          <h:column>
               <f:facet name="header">Zip</f:facet>
               #{hot.zip}
          </h:column>
          <h:column>
               <f:facet name="header">Action</f:facet>
               <s:link id="viewHotel" value="View Hotel" action="#{hotelBooking.selectHotel(hot)}"/>
          </h:column>
     </h:dataTable>
     <s:link value="More results" action="#{hotelSearch.nextPage}" rendered="#{hotelSearch.nextPageAvailable}"/>
</div>
</a:outputPanel>

I applied CSS style to the datatable even though there is no result.it gives more space between one row and another row.
it used following attributes for h:datatable...i set the padding and margin because different broweser has different margin
padding:0px;
margin:0px;
i am tried like this also
<h:dataTable id="hotels" value="#{hotels}" >
     <h:column>
                              <p style="padding:0px;margn:0px">#{hot.name}</p>
          </h:column>
          </h:dataTable>
but there is no result can u post some examples
Thanks
Mohan

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.

Have more space between images used as buttons

Hi again,
Would like to see if there's some html properties to have more space beetwen buttons based on image:
i've used: save.gif and del.gif instead of the standard template buttons.
Would be nice to have the 2 images not so near.
thanx a lot

Hi,
You could go to Edit Button Item and insert some HTML white spaces as Post Element Text. For example, if you have 2 buttons, do it at left button.
Roger

How can I get more space between items in a line of text .. elegantly

Ok I have some equations that follow each other in a text line, eg
Xc=10^6/2 pi f C     Xc = 10^6/2* pi *50 * C Xc = 10^4/pi C     .................   etc.
Is there some way I can eg put a css entity in the paragraph so I can dimension the space as a box?
I've tried with a <span class=css box></span> but it just includes the statement as text.
And if i put <p>Xc=10^6/2 pi f C</p><span class="css" box></span><p> etc
it puts the equations on different lines.
And multiple    s is a cludge, so is invisible images. There MUST be a nice way to do this?

One way is to do something like this:
1) create your styles like this:
span {
    font-family: "Courier New", Courier, monospace;
    letter-spacing: 3px;
2) create your HTML like this:
<p> <span>Xc = 10^6/2* pi *50 * C Xc = 10^4/pi C </span></p>
Now is this what you are looking for? If not please post back so that something else can be suggested like Math HTML such as this one:
<MATH>∫_a_^b^{f(x)<over>1+x} dx</MATH>
FF and latest IE9/10 supports MAtH HTML as far as I know.
This is the picture of display in IE10:
Good luck.

More space between two objects (using twitter bootstrap 3)

I have two specific objects on my website and they are to close together. I would like to know if there is a way to push the a bit farther apart from eachother. They are in the same row. I was told to increase container width but i am not sure how to do this. The two objects are the image slider and the picture. Also, how would i push that row down. It's to close to the navbar.
My code:
<div class="container">
        <div class="row">
                <div class="col-xs-9">
                        <ul class="bxslider">
                                <li><img src="img/Day1.jpg" width="980" height="280"/></li>
<li><img src="img/Day1.jpg" width="980" height="280"/></li>
<li><img src="img/Day1.jpg" width="980" height="280"/></li>
<li><img src="img/Day1.jpg" width="980" height="280"/></li>
                        </ul>
                </div>
                <div class="col-xs-3">
                        <div class="imagess"> <img src="http://rootforsite.azurewebsites.net/img/pic.jpg" class="img-responsive center-block" /> </div>
                </div>
        </div>
<iframe width="640" height="360" src="http://www.youtube.com/embed/mb6SNytt5YI" frameborder="0" allowfullscreen></iframe>
</div>
My Website : http://rootforsite.azurewebsites.net/
-Thanks

Please do not duplicate your posts. It can be very confusing when two different persons answer the post in different ways.

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.

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

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 Can I Tighten the Space Between Table Rows?

I am trying to reproduce the resume I created in a different word processing application several years ago. I have created a table that lists all the work for a given employer with each row representing a different employer. I do want a little more space between text rows when I jump from one employer to the next (one row in the table to the next), but not as much as it is creating. Is there a way to tighten this?
I like the amount of space between lines within a row just as it is.
Martin
OS 10.9.5
Pages v. 5.2 (1860)

That looks to be the idea, but adjusting the Text Inset is giving me inconsistent results from row to row. The first attached image shows the table (I've included grid lines here to help illustrate) with the default Text Inset of 4 for all cells.
Note the consistent spacing before and after each row. Here is the same document with a Text Inset of 0 on all cells:
Note the large gap between the first and second rows (OWN and Investigative etc.) and the extremely tight gap between the second row and third (Investigative etc. and CNBC). Then a big gap, a tight gap, two big gaps, a tight gap and a big in subsequent rows.
I keep looking to see if I have some sort of other inconsistent formatting going on, but I can't find one. All cells have the Text set (in the style tab) to "Align text to the top of a table cell."
Martin

Adding space between a buttons in a navigation list

Hello,
I am currently using apex 3.2.1 with a 10g backend. All of my forms are using a button list navigation. On one of my forms, I want to add more space between two buttons. Is this possible?
Thanks,
Mary

That doesn't work for a button list navigation. It just makes the button bigger. I need space between two of the list entries in the navigation.
Thanks,
Mary

Flex charts: How to increase space between columns?

Hello!
I just added columnWidthRatio: 1; to my mx|ColumnChart to fatten up my columns a little. But now, there's no space between the X axis and columns, and between the columns themselves, so how do I increase this space?
mx|ColumnChart { marginRight: "50"; paddingRight: "50"; } has no effect.
Thanks!
--Dwayne

Somehow setting width="400" did not change anything. I also tried:
mx|ColumnChart { columnWidthRatio: 0.8; width: 1000; columnWidth: 1000; }
to no avail.
Anyhow, I've reduced my columnWidthRatio to 0.8 though as you suggested. It looks better, but I'd still like some more space between the columns.
Thanks!
--Dwayne

More space in template

I've started a site in Dreamweaver CS3 using a 2 column fixed
template with header. My client wants more space between the left
column nav bar and the body as well as around the photo embedded in
the body. I've tried adjusting the padding by editing the CSS style
on the body segment. However, every time I add even one pixel of
padding to the right or left in the body the entire content jumps
to below the nav bar. Help! My width is 750 pixels and the float is
set to left if that makes a difference.

That means that you have not adjusted the widths of the inner
containers to
allow more space. In other words, when you increase padding,
you would have
to decrease some width by the same amount - read about the
"BOX MODEL" to
understand.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"mustangdesigner" <[email protected]> wrote
in message
news:fqldv0$ode$[email protected]..
> I've started a site in Dreamweaver CS3 using a 2 column
fixed template
> with
> header. My client wants more space between the left
column nav bar and
> the
> body as well as around the photo embedded in the body.
I've tried
> adjusting
> the padding by editing the CSS style on the body
segment. However, every
> time
> I add even one pixel of padding to the right or left in
the body the
> entire
> content jumps to below the nav bar. Help! My width is
750 pixels and the
> float is set to left if that makes a difference.
>
>
>
>

More space between thumbnails

Similar Messages

Maybe you are looking for