Vertical image alignment problems

I am so peeved off at the moment with creating these damned "Friends" list. Nothing I do seems to align each image underneath each other. I've tried various different codes and nothing is working. I need to get this problem fixed so I can impliment it in the right hand column for the "Blogs I'm following" section I want to add as a widget. This template is becoming a nightmare!

Double profile images

Adding two images for the profile icon in the top left hand column. Need the urls first but you will see what I do with them soon enough. I had to resize these two images to be the exact same size for the effect to be just right.

This is just weird

Now how weird is this? I just added the standard "Recent Comments" widget and the translate widget showed up!

Damned translate widget!!!

After everything I've done the f***ing translate widget won't display (in Internet Explorer). What the hell is wrong with this stupid template? I've deleted everything possible that I think was interferring with the translate code but still it won't display. I've even cleaned my registry, cache, cookies, etc, twice but it still won't display. I'm about ready to terminate this stupid template. The widget displays in Google Chrome which really shits me off, as it should be displaying in Internet Explorer as well.

I think I need a break from this template.

Today's alterations to this blog template.

It doesn't look like anything has been done to this blog at all, really. But if you take a closer look there have been some minor changes made. The "Share" link in the post footer that was identical to the one at the top of the blog, is now altered so it only posts straight to Facebook once you click on it. I got rid of the accordion widget which turned out was interferring with the Lightbox window codes preventing the Lightbox windows from displaying.  

By doing that the preview badge now displays and everything seems to be back to normal. I mostly have altered some of the links and tidied up the look of the posts' footer section. I also added some code for two headings, heading 5 and heading 6, which is visible on my "Info" page.

Currently I'm coming up with new ideas, with the help of my brother, Daniel, on what to shove in the right hand column. I still need to work on the post footer, add some line spacing to the side column widgets, find a better way to add pictures to this blog without having to add table codes all the time, and then do some more tidying up of the blog, etc. Now I need sleep.

499 posts to display

I've altered the number of posts to be displayed on the hompage to 499. Its the largest number I can go up to. As long as long posts are not written the number of posts to be displayed should be used up rather quickly. Hopefully!

Well, it'll be a challenge anyway.

Too many problems with this template

Oh dear, it looks like more and more problems are arising within this template the more I attempt to do anything with it. The post footer section is a big concern for me at the moment, as I have just discovered that if you hover the mouse arrow over the comments link nothing happens. However, when you hover over the share link, which is to the left of the comments link the comments link is underlined. So, it looks like all the links in the post footer section are out of alignmnet, and the edit post icon has also disappeared along with the wrench icon for all the widgets. This was not intentional but it is annoying me because now I have to fix the problem somehow.

Other current problems with this template are when I preview a post or a page the preview badge that is displayed in the top left hand corner has permanently disappeared. That problem may have something to do with the table codes added for all the photo albums (page) and individual photo albums. But then again it might have something to do with the accordion widget section in the right hand sidebar.

I do know that Blogger does not seem to like tables because the moment you add a table to a post (to create a photo album for example) the "Compose" tab instantly malfunctions and refuses to work. But the preview mode and the publish post (or page) function works fine. You can still add photos in the "edit html" section of the edit posts or edit page section, so that might be a small sacrifice one has to pay for using tables on Blogger.

I found that by using a table to align all the photos is the best solution that I could come up with. Using the image aligner within the edit post or edit page section does not always align the images to how you want them to be displayed. And after two years of trying to figure out how to align images in Blogger I still cannot figure out how to align images (without using other codes) in vertical columns and rows. Its just not that easy for me to figure it out.

Profile image now added to posts

After much dilema I now have the profile image added to each post. It was not easy to add it but I found a location in the template where it fitted in nicely and then just moved the posts' margin up to match the top of the profile image. The image is 50px wide by 50px high.

This template has become the most worked on template by me, and the most complicated one I've ever worked on. But so far it looks great even though it still needs a lot more work done to it, and the FAQ section still needs writing up.

I do not believe I can create a template that looks exactly like Facebook's layout. But this template will be something very similiar to it. How much more time will be spent on this template is uncertain but one day it will get finished. Until then I'd better get back to work and do some more to this template.

Faceblog albums difficult to impliment here

I never thought I would have so much trouble aligning photos into rows and columns until I tried doing it here. It is a frigging nightmare trying to get 3 photos lined up in a row, let alone make 3 columns for additional photos to be added. I am about sick to death of doing this for no-one to really appreciate what I am trying to do here.

Yes, I am whinging but I have every right
to do so. I have visitors coming to my http://ufodesigns.blogspot.com blog and sure they download a UFO template or two, but no-one has ever said thank you or you are doing a great job, or anything at all for that matter. What is a girl supposed to do when there is no feedback?

I think I might have a break from the photo album sections for the time being and work on something else for now. I might try and somehow realign the top of this template so it looks the same on Internet Explorer, Google Chrome, and Firefox web browsers. This screwed up look has been bothering me for weeks, and there still is no solution to the problem.

Photo album and individual album pages now added to this blog

Being left to my own devices I have had a ball today creating a near identical (to Facebook) photos section for this blog. However, there still are a few issues that I still need to work out, and to delete all the existing photos except for one, because they are too large even for my computer's screen resolution size.

In order to create a Facebook look alike photo gallery section some manual work needs to be done to each photo added and to each new page added. I have been working on this template for the last 8 hours almost and finally showed my brother, Daniel, the end result of my hard work. He is, to say the least, impressed with what I've achieved so far with the photos section. I tried explaining how it all works to him but he said he needs a tutorial for it to help him understand what I told him.

What do I look like? A walking encyclopedia or something? Daniel apparently thinks so! The good thing about all of this is I will be adding the Lightbox Window Overlay, if that is what it is called, to most future UFO templates I make for Blogger users. That should be a load of fun to do actually.

This template, despite the nightmare of the alignment of the top most part of this blog on other web browsers, has become for me nothing but a fun thing to do. I am enjoying every single moment of this template's creation and have been excited when things work out perfectly for me. I will have to wonder now what tomorrow will bring because now I have to go to bed.

Multitabbed widget removed but Light Box problem now arisen

In an unfortunate decision I have removed the multi-tabbed widget from the right side column because the Light Box Image Viewer code interferes with that widget and prevents it from functioning. I had to decide which feature I wanted the most, although I would prefer to have both. But I can't, not at this point in time anyway. Well, not until I become more familiar with both lots of code and become more experienced with them both.

So, I am keeping the Light Box Image Viewer feature on this blog / template. I have checked out this blog in Google Chrome, and to my horror the image of myself in my previous post will not close when clicked on. I had to go back a page to close the Light Box Image Viewer down. So, it looks like the problem here is, the size of the image in the Image Viewer determines whether the close function will work or not. The other two images, from the previous post, had no problems with closing in Google Chrome, which is a good sign. I only need to set a maximum width and height for all photos/images in the Image Viewer and it should work perfectly again. I did not have this problem with Firefox at all.

When doing things like adding new features to any of my blogs' templates, I spend more time trying to get it to work on all 3 web browsers (Internet Explorer 7, Google Chrome, and Firefox) than anything else. It is so time consuming but it is worth it in the end. And depending upon the nature of the problem it could take me an hour or several days to fix the problem. As I've said elsewhere, I am not a computer geek, and not very educated with HTML, javascript, or css codes. But I know enough to make things work on Blogger and I can usually solve most problems that arise.

As I have labelled my own career - if I had to pick one - I'm a Blogger template designer. It is my speciality, so it seems. I spend probably too much time creating new templates, and it isn't an easy thing to do really. I especially love making UFO templates, and already have made 4 different looking ones, and anyone can download them for free and use them on their own blog/s. Its funny but people have decided to download my templates but whether they have used them or not on their own blog is another story. No-one has said anything to me about having used them on their own blog/s. I guess I will never know really.

Anyway, I'm hoping to sort out this problem with the larger images in Google Chrome in the next 24 hours. It shouldn't take that long really.

Testing Light Box Image Viewer function

This is a photo of myself. I have read that you first add the javascript code to your template, save it, then add the appropriate code to each image you want displayed in a Light Box Image Viewer. So, I will be adding the code to this image of myself whilst still editing this blog post. You add the code in the "Edit HTML" section to the photo's code that you just uploaded.

So, here goes nothing!

Well, it works. This photo when clicked on is a pretty huge photo - you actually have to scroll to view it all. All the code I added to the photo was

rel="lightbox" title="Your image Caption" and I added it just before the image border code and had to add a space after the previous lot of code. The important thing to remember is to not delete any code in the code for the image itself. I'll add a pic below which I copied off the original website to show where the code goes.

In Image 1 (left image) I followed the instructions as per required but I did not do the instructions for image 2 because that particular code was not visible in my "Edit HTML" section of the photo I uploaded.