|
jonahh
|
|
« Reply #1 on: February 22, 2010, 03:03:27 PM » |
|
I checked out your site and just see a small left column with the main body to the right with rows of images. I'm not sure what you are referring to.
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
drizzt99
|
|
« Reply #2 on: February 24, 2010, 11:24:08 AM » |
|
Hi, There are 3 columns of images there (it is actually a blog layout of a category). Can you see the problem in the way it shows? Yonatan
|
|
|
Logged
|
|
|
|
jonahh
|
|
« Reply #3 on: February 24, 2010, 05:54:51 PM » |
|
I'm not sure what you are looking for it to do, I see rows of images with three in each row
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
drizzt99
|
|
« Reply #4 on: February 24, 2010, 10:12:54 PM » |
|
I attach an image. Please watch the gap that I enhanced there.
|
|
|
Logged
|
|
|
|
jonahh
|
|
« Reply #5 on: February 25, 2010, 01:40:18 PM » |
|
Oh ok I see, there is a "<span class="article_separator"> </span>" that is causing this. You could try a different layout but the best option would be just to put your images in DIVs next to each other for example the first row could be as follows:
<div style="float:left;width:150px;"> first image here </div> <div style="float:left;width:150px;"> second image here </div> <div style="float:left;width:150px;"> third image here </div> <div style="clear:both;"></div>
then start the second row as follows, make sure you have the clear both div after each row
<div style="float:left;width:150px;"> first image here </div> <div style="float:left;width:150px;"> second image here </div> <div style="float:left;width:150px;"> third image here </div> <div style="clear:both;"></div>
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
drizzt99
|
|
« Reply #6 on: February 25, 2010, 01:49:33 PM » |
|
Hi,
I removed the separator (I gave it a display: none; in the CSS) and it didn't help. This is an automated blog layout... it is generated by Joomla.
It looks ok with other templates - only with this one there is a problem... This means something in the template messes with the blog-layout. I can't tell why... I tried any things, but it is something in the template which I cannot solve on my own.
Yonatan
|
|
|
Logged
|
|
|
|
jonahh
|
|
« Reply #7 on: February 26, 2010, 02:39:12 PM » |
|
If I delete the article separator in firebug it does bring them up a bit. I'm not sure how you article layout it setup but I would try just doing one column and use the above code and it'll be sure to work
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
drizzt99
|
|
« Reply #8 on: March 20, 2010, 10:56:19 PM » |
|
I want a 3 columns blog layout. For some reason, in this template, it has this small bug. I don't really understand how exactly can this be fixed. Thanks, Yonatan
|
|
|
Logged
|
|
|
|
jonahh
|
|
« Reply #9 on: March 22, 2010, 03:48:11 PM » |
|
The template itself just outputs the 3 columns it can't actually change what code is output.
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
|
jonahh
|
|
« Reply #11 on: March 23, 2010, 04:15:48 PM » |
|
Try adding the following to the bottom of the kite photography css file:
.article_separator { clear:both; display:block; height:20px; }
The above code comes from the template css of the current template assigned at line 488. Perhaps this will fix it.
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
|