Thumbnails not centering

I'm a newbie to dreamweaver and I'm trying to create an auto-advancing portfolio gallery with thumbnails. I've got everything to work and can dupicate the gallery on another portfolio page simply by changing the links in the html.
http://www.rodrice.net (5 thumbnail gallery)
http://www.rodrice.net/rodrice_advertising.html (8 thumbnail gallery)
My problem is I can't get the thumbnails to auto-center on the page, I tried the margin-left: auto; margin-right: auto and that didn't work. I can manually adjust the margin in the css but it affects all the thumbnail galleries and it's the not the right solution. The original javascript has the thumbnails align left and so far I can't overide this in my css.
.slideshow-thumbnails * {
    margin: 0;
    padding: 0;
    /* thumbnails positioning from left*/
    left: 15px;
This is important since some pages may have 4, 5, 8 thumbnails. I've tried to change the <div> settings to margin-left: auto, margin-right: auto, etc. but nothing works.
Do I need to change one of the other <div> settings or is the solution in the javascript itself?
Any help would be appreciated.
Thanks, Fishing-Rod

When trying to center an object, you need to declare a width and set the margins to 0ps auto in your css.
So changing this
.slideshow-thumbnails * {
    margin: 0;
    padding: 0;
    /* thumbnails positioning from left*/
    left: 15px;
To this
.slideshow-thumbnails * {
     width:100px; /*or whatever*/
    margin: 0px auto;
    padding: 0;
    /* thumbnails positioning from left*/
    left: 15px;
just might fix you up.
For some excellent reading.
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Gary

Similar Messages

Not centering on stage, why?

Hello again folks. I've come across a new snag to a previous project. I'm not quite sure why, but when the full image is loaded to the stage, it is not centering it properly. The trace of fullLoader returns "0" for the width and height of the full-sized image, and I'm not quite sure how to pass the necessary information into the showPicture function so that it correctly centers the image. I tried tracing the content of fullLoader and got an error message. Any help would be appreciated.
import flash.display.*;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import flash.filters.*;
var fadeTween:Tween;
var imageLoader:Loader;
var fullLoader:Loader = new Loader;
var xml:XML;
//parse XML data as an array
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
var thumbDShadow:DropShadowFilter = new DropShadowFilter();
thumbDShadow.color = 0x000000;
thumbDShadow.blurX = 10;
thumbDShadow.blurY = 10;
thumbDShadow.distance = 3;
xmlLoader.load(new URLRequest("data/gallery.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
function xmlLoaded(event:Event):void {
    xml = XML(event.target.data);
    //parse the nodes in the XML file
    xmlList = xml.children();
    //count the number of nodes in the XML file via XMLList
    trace(xmlList.length());
    //loop to load all of the thumbnails, based on the number of nodes in XMLList
    for (var i:int = 0; i < xmlList.length(); i++) {
        imageLoader = new Loader();
        imageLoader.load(new URLRequest(xmlList[i].attribute("thumb")));
        //position of thumbs (horizontally across stage)
        imageLoader.x = i * 110 + 10;//thumbs are 100 x 100 so, +10 to the width, plus +10 from left edge
        imageLoader.y = 10;
        imageLoader.name = xmlList[i].attribute("source");
        imageLoader.filters = [thumbDShadow];
        //add thumbnails to stage
        addChild(imageLoader);
        //set up thumbs to load primary image
        imageLoader.addEventListener(MouseEvent.CLICK, showPicture);
function showPicture(event:MouseEvent):void {
    fullLoader.unload();
    fullLoader.load(new URLRequest(event.target.name));
    //position full image below the row of thumbs and center to stage
    fullLoader.x = (stage.stageWidth - fullLoader.width) * 0.5;
    fullLoader.y = (stage.stageHeight - fullLoader.height) * 0.5;
    addChild(fullLoader);
    fadeTween = new Tween(fullLoader, "alpha", None.easeNone, 0, 1, 0.5, true);
    trace("Stage: " + stage.stageWidth + " wide by " + stage.stageHeight + " tall.");
    trace("FullLoader is: " + fullLoader.width + " wide by " + fullLoader.height + " tall.");

OH! Wow, okay now this makes much more sense now. The amended showPicture function is now:
function showPicture(event:MouseEvent):void {
    fullLoader.unload();
    fullLoader.load(new URLRequest(event.target.name));
    fullLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, addToStage);
    function addToStage(event:Event):void {
        //position full image below the row of thumbs and center to stage
        fullLoader.x = (stage.stageWidth - fullLoader.width) * 0.5;
        fullLoader.y = (stage.stageHeight - fullLoader.height) * 0.5 + 110;
        addChild(fullLoader);
        fadeTween = new Tween(fullLoader, "alpha", None.easeNone, 0, 1, 0.5, true);
        trace("Stage: " + stage.stageWidth + " wide by " + stage.stageHeight + " tall.");
        trace("FullLoader is: " + fullLoader.width + " wide by " + fullLoader.height + " tall.");
AWESOME! Thanks so much for your help!

How to show whole slide thumbnail not cropped version

A Keynote presentation is a custom 3:1 format how do i get the navigator to show whole slide thumbnail not a cropped version

This is a bug/lack of functionality within Keynote 6. As of 6.5, there is no way to show the entire slide in the navigator view section if it's wider than 16x9.
And for those curious, this was not an issue in Keynote 5.

MTS thumbnails not displaying in PrE9

I have a thumbnail problem. I just bought PrE9 because I was unhappy with Studio V14's slow/jerky performance with AVCHD. I have a Canon HF20 and used Windows to move the videos (MTS's) over to my harddrive. They are all HD videos in MTS format. My PC is a Dell Pentium D, 3.46GHz, 4GB DDS RAM, 1GB of "free" harddisk space, ATI 4670 Graphics Card.
I had imported a number of MTS files from my Canon to harddisk using Windows and then imported them from harddisk into Organizer. The thumbnails were blank so I deleted them and tried re-importing just one clip but got the same problem. The clip can be inserted into a timeline and shows up with the first frame of the video but has a blank thumbnail in both Organizer and PRE. They play fine in either PrE9 and Organizer. Any suggestions.

Thanks for posting the screenshots. Thumbnail drawing does not seem to be taking place at all.
I dont think it is a codec related problem because had that been the case the playback also wouldn't have worked.
There is another place the thumbnails are seen and that is the "Project" view. Can you check if the thumbnails are seen in this view ?
Also, on the system running Pentium D how much RAM do you have ? Adobe states a minimum of 2 GB RAM for avchd editing.
(Though I would recommend 3 or 4GB). And since on your other system which has 8GB RAM things appear to be fine, low RAM could be
a potential reason for thumbnails not being seen. Again, I am just speculating.

I am having trouble with the Jpeg icons and also now thumbnails not being visable in bith teh Apple finder and now also Adobe Bridge. Can anyone shed any light on this ?

I am having trouble with the Jpeg icons and also now thumbnails not being visable in bith teh Apple finder and now also Adobe Bridge. Can anyone shed any light on this ?

Argh - once again, I find my solution right after posting this. Left out one modification to the SWIG script, now it runs in 29 seconds vs C 16 seconds, I can live with that.

My document is not centered on page

I am running Acrobat 10.0.0, MAC OSX 10.7.2 (Lion), and Indesign CS5.5
I can not get my document to center on the printed page.
When I open my PDF document, it appears normally and shows in portrait mode. The document was created as 6.88 in wide x 10.25 in tall. The Properties of the PDF file for the document correctly show the page size as 6.88 x 10.25.
When I click on PRINT, the default dialog shows the document correctly but indicates a 8.5 x 11 page size. I click on the Page set up and select a custom paper size of 6.88 x 10.25 inches and return to main print dialog.
The print dialog now shows my document and the page dimensions show my newly created page size. I click auto rotate and center. The page orientation and size match the document and PDF orientation regardless of auto rotate on or off. I still select auto rotate and center as I want the centering.
The print comes out not centered and clipped. No combination of selections yields a correct print out. I just can't get my image to center on the output page.
I can print the same PDF file from Preview with same selections and have no problem with getting the document to center on the page. I would use Preview as the work flow except preview does not print the document faithfully for color compared to Acrobat.
Thanks in advance for all help and advice!
dan mckinney

OK, Mystery solved. There is no great problem with OSX, CS5.5, etc. I was the problem.
I went back and created a document from scratch that was very simple in order to convence myself that a document could print correctly as a simple page. (basically removed all other variables that might have crept into the file that was frustrating me.) I created a PDF by exporting as well as printing to the postscript creating "printer" and then distilling the PSD file into a PDF as well as letting Preview convert the file into a PDF. Point is that I created a PDF various ways.
I then loaded Adobe Acrobat Pro (10.0) to generate the output. I found that the Page Set Up button would allow me to overide the default successfully despite the warning.
The "trick" was to be sure that I had the paper size AND orientation selected correctly in the Print Set Up that matched exatly how I used Print Set Up in InDesign.
Voila, output as expected.
The take-a-way for those also frustrated is that there is no great devious problem with the OSX 10.7 or CS5.5 software packages. The output CAN be obtained just keep playing until you ask the system to do what you want it to do. =)

Thumbnails Not Appearing in Finder

I posted this in the Leopard forumn, but I haven't gotten any response. I hope someone here can help.
I am having a strange problem with image thumbnails not appearing in Finder. I am editing some very large TIF files on a Macbook that is running Lion. These images are edited on an external drive, and when I hook the drive up to my main iMac, which is running Leopard, the new images I have created in Lion do not have thumbnails. The only way that they will appear is if I open the images in Photoshop and just resave them on the machine running Leopard. This method poses a problem because each image takes about 5-8 minutes to open, and another 5-8 to save. I have hundreds of images and don't have the time to do that to each one.
Does anyone know what could be causing this problem?

I've tried repairing disk permissions, as well as deleting the finder plist file, and neither of those things work.

Why are my thumbnails not matching photos?

Why are my thumbnails not matching the photos in my smart album?

I am rebuilding my thumbnails--a slow process I am learning. We'll see how that does. I believe I have the latest version of both iPhoto and OS. What happens is that the thumbnail does not match the photo. The photo in the thumbnail is in the same series, but not the same. Many of the thumbnails are the same photo from the series. I'll report back on the success of the thumbnail rebuilding process.

Page not centering and background repeat issue in Safari

I recently put up a new website. It seems to be working and displaying fine in IE, Chrome and FF. My problem is Safari. The page is not centering (going left) and I'm also having a problem with
the background image of my FOOTER div not repeating. I'm sure this is something simple (ie:stupid) I did but it just eludes me. The other interesting thing is that the background image for the footer
(which is the grass image) is actually 1024px wide but it's not displaying it fully or else it's compressing it. Here's a link to the website. Any insights are appreciated. I am using Safari on an iPad if
that matters.
www.cardinalwood.com
Donna

Non-breaking spaces should not be used as a layout device.
<p>We are members of these fine NC Organizations.
&nbsp
Click the logos to learn more.</p>
It's much better to use CSS to control alignment of elements on your pages.
<p style="float:right: text-align:center">We are members of these fine NC Orgnizations <br />
Click the logos to learn more.</p>
You have a couple of CSS errors that need attention.
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. cardinalwood.com%2F
The iPad display is 768px wide in portrait view and 1024px wide in landscape view. Which view are you using to test your site?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

.MTS files in elements organizer: no thumbnails, not playing

Some google searching shows that i´m not alone with this problem, but i haven´t found a solution.
.MTS files plays in premiere elements (lagging terribly though) but not in elements organizer, where i get this error message:
Updated quicktime as suggested, no improvement.
Source of .MTS files is a Panasonic G5.
Running W7 64 bit. same problems in both elements organizer 11 & 12.
If it was a codec issue i assume it would not play in Premier elements either?
Any suggestions?

Hi A.T.
1. I'm using Premiere Elements 9. I have an Asus laptop with windows 8.1
2. I believe i have the latest driver. I have Intel HD Graphics. I ran a check to look for updated drivers and it came back as saying I had the latest.
Background
I've only had the laptop since October so that's how long the program has been on the computer.
I was able to use it a few days ago. At that time I had been using video from the same camera but that time it I had saved it originally to the camera's internal memory. When I had the problem last night it was with video I had saved to a memory card. A message which I do not remember came up asking if I'd like to change the preset as my current settings didn't match the video format. I said yes and then nothing worked after that. I can't even view the project I did several days ago now either.
How I search for the presets? I've never changed these before.
It is AVCHD file type and 1080 but I am unfamiliar with the how to know anything further.
Tracey
Date: Tue, 4 Feb 2014 20:55:46 -0800
From: [email protected]
To: [email protected]
Subject: .MTS files in elements organizer: no thumbnails, not playing
    Re: .MTS files in elements organizer: no thumbnails, not playing
    created by A.T. Romano in Premiere Elements - View the full discussion
Goldsk8te
You put yourself at a disadvantage by tagging on to an older thread and not starting a new thread of your own. I just saw your post now.
So let us get to the troubleshooting...
1. What version of Premiere Elements are you using and on what computer operating system is it running?
2. This has all the symptoms of a display problem. Do you have the latest version of your video card/graphics card according to the web site of the manufacturer of the card? If so, we are going to need to delete the BadDrivers.txt file. But I need the information in "1" to tell you how to get there and do that.
Some background information please....
1. How long have you been working with this version on its current computer operating system?
2. How would you class this issue "It worked before but not now" or "it never worked before"?
3. What is your project preset?
4. What are the properties of this .mts files...AVCHD video compression? 1080i or 1080p or other?
More later in the morning.
ATR
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/6087192#6087192
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/6087192#6087192
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/6087192#6087192. In the Actions box on the right, click the Stop Email Notifications link.
           Start a new discussion in Premiere Elements at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

Crystal Reports are not centered when viewing on Crystal Viewer

Hi
I´d like to ask you if you reported some problem of using subreports and during the visualization from the Crystal Viewer the main report and of course the subreports are not centered. I´m running Vs.Net 2005 with CR 10.
The main report and subreports access ADO.NET. Only one parameter is passed by the user. If we test the application and address the visualization to the crystal report viewer it is showed on right side even using DisplayGroupTree = False. But if we export the report to PDF it is showed centered. Is it a way to fix this one?
Any advice or suggestions?
Tks,
Isocler

When you say you're using v10 with VS2005, do you mean the full CR v10 product or the version that comes with VS.NET 2005 (version 10.2)? Make sure you're using/referencing the 10.2.* CR assemblies in your project, as the 10.0.* are not supported.
If you have the correct assemblies referenced, then make sure you have the latest patches applied. I think there may have been a fix for DIV tags.
-MJ

Top image on blog is not centered but is in Chrome and IE

I just redid my blog and most of my top images on my posts are way to the right. I've cleared my cache and reloaded but they are still way over. The images are fine in IE and Chrome. Is there a reason my top images are not centered?

Seems to be fine here. I'm on Linux, so can't check how it looks in IE.
You can reload the page and bypass the cache with:
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)
See [[Keyboard shortcuts]] and [[Mouse shortcuts]]

Interactive Image Not Centered

When I add a new interactive image to a page, then drag-and-drop and image into that widget, the image is not centered within the frame. Rather it is skewed toward left-of-center by about 10%. Changing the image scaling doesn't fix it. Changing the outer dimensions of the widget doesn't fix it. Nothing I've tried will make an image appear centered within the interactive image widget. Any ideas?
Note that I've tried this only with landscape oriented images on a landscape oriented page -- so I don't know if the issue exists for portrait mode images.

Hi Schwerd:
Yeah. I just tried it with a portrait oriented image, and it shifts up in the frame. So what I'm seeing is that, if the image is wider than it is tall, it shifts left of center. And if it's taller than it is wide, it shifts up.

Thumbnails not loading

Ok so I'm running CS6 and working on a project that has around 100 Canon XF clips (from a C300) in the project. I want to be able to scroll through my clips in the project window so that I can quickly grab certain shots without having to load them all into the source monitor.
When the project opens the thumbnails for the 12 or so clips currently being shown in the project window are automatically displayed fine, but when I scroll down the list the remaining thumnails only get created as those clips become visible in the project window, very frustrating! I have to scroll down a few clips at a time in order to try and get thumnails to display for all of the clips. To make matters worse, after about 50 of the clips have loaded thumnails the process just stops, I'm left with a whole bunch of grey squares in the project window leaving me to guess what the content may be thats hiding behind them.
I'm on a 12 core Mac Pro with 48 Gigs of Ram, and a CUDA enabled Nvidia Quadro GPU. The clips are all located on an internal SSD drive with caches stored on a second SSD drive. The machine is at idle during this whole process with barely any load visible so why are these thumnails proving to be such a problem for my machine to display?
Thanks
Paul

Hi - Firefox, Safari and Ebay thumbnails not loading.
Suffered from this problem ever since upgrading to Snow Leopard.
I can confirm by turning off my Belkin Routers firewall ... and double checking my Macs firewall is on and up to scratch, has cured this most frustrating problem.
So I must surmise, that the bug is in Snow Leopard. Cant really blame Belkin. Apple needs to address this problem in their next upgrade as it has wasted countless hours.It worked before ... but not after upgrade.
I'd feel a lot happier though if my main router (Belkin) had its firewall on as well.
Lets see what happens next! Hope this helps.

Embedded map in tabbed panel not centered

When I embed the html code from google maps to a tabbed panel for a particular location, that location does not appear in the center of the map but is just off the map at the upper left-hand corner. In preview mode, property is centered, but in publish mode it is off center. Any suggestions? website: www.netlease.net, affected page: Available properties

Hello Sanjit,
Please click on Map tab and take a look. When I resize the browser, it appears, but it's still not centered.
http://kijibay.com/index.php?a=2&b=196
I would deeply appreciste it if you let me know how to fix it.
Thanks,
Bob

Thumbnails not centering

Similar Messages

Maybe you are looking for