Positioning issue

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
Nikas
Forum Newbie
Posts: 12
Joined: Thu Jun 24, 2010 12:05 am

Positioning issue

Post by Nikas »

Hi,

I want to make use of this Template.

However, I want to change the 4 col to 5 col for the 'Recent Work', 'Learn about us'.....

I tried changing certain CSS, but it doesn't work right. I'm ain't good in CSS.

Any idea what to change?

Thank you.
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: Positioning issue

Post by kaszu »

Change

Code: Select all

.quicknavgrid_3 {
    /* ... */
    width: 204px;
}
into

Code: Select all

.quicknavgrid_3 {
    /* ... */
    width: 155px;
}
Each column width is 204px + 20px left and 20px right padding = 244px
Total available space is 244 * 4 = 976px
For 5 column layout each column will be 195.2px - 20px left padding - 20px right padding = 155.2px ~ 155px

Now there should be enough space for 5th column :)
Nikas
Forum Newbie
Posts: 12
Joined: Thu Jun 24, 2010 12:05 am

Re: Positioning issue

Post by Nikas »

Thanks for that.

Though I tried it before, it doesn't work that time. And why is it so. Cause I overlooked something.

Did a double closing for </div> and the display got messed up.

Thanks for this and I relooked and found my problem.
Post Reply