Forum Support

Shape 5
March 28, 2024, 11:20:35 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Blog layout problem  (Read 1698 times)
drizzt99
Jr. Member
**
Offline Offline

Posts: 184



WWW
« on: February 20, 2010, 08:35:22 PM »

Hi,
I've setup the a blog layout on a page with 3 columns.
For some reason, the middle column is bigger than the rest of the columns.

Here's a link:
http://screamdesign.co.il/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=2

It doesn't happen with another template...

Can you help please?
Logged

jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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
Jr. Member
**
Offline Offline

Posts: 184



WWW
« 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
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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
Jr. Member
**
Offline Offline

Posts: 184



WWW
« Reply #4 on: February 24, 2010, 10:12:54 PM »

I attach an image.
Please watch the gap that I enhanced there.
Logged

jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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
Jr. Member
**
Offline Offline

Posts: 184



WWW
« 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
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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
Jr. Member
**
Offline Offline

Posts: 184



WWW
« 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
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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
drizzt99
Jr. Member
**
Offline Offline

Posts: 184



WWW
« Reply #10 on: March 22, 2010, 04:33:34 PM »

But if I use another template, it shows right.
Here's the same page with another template:
http://screamdesign.co.il/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=21
As you can see, the differences do not exist.
Logged

jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.