need category boxes on home page to be fluid / not set...

[paulFromWales]

Hi guys

i got a tricky one (i think). I am doing a site which is set to 95% fluid so it moves with monitors etc and i have my categories in boxes on home page. They are set to 4 columns which is fine but on small monitors a slider kicks in because the width with boxes and columns is to much. What i was wondering was can it make it so that the boxes fill up the width, i will try to explain, on large monitors there are 4 boxes in a row which fit fine but when the monitor is smaller there are 3 boxes, so the boxes only fit where there is space. If i changed the width with my cursor i want the boxes to change from 4 to 3 depending on size and space availalbe. The header reacts differently as well so it would solve that as well

site: http://www.ukexhibition.co.uk/acatal...log/index.html

Also let me know what you think, poping my actinic cherry with this one, still working on it as well

cheers guys/gals

paul

[paulFromWales]

Hi

Glad to hear it sounds like it can be done but could you give me a few more hints about how to start out doing it please. What do you think of it? still tinkering with it..

paul

[leehack]

Take it down to 3 sections wide and sort out your widths, you are currently breaking a 1024 screen which is a very bad idea. Your supposed 95% width has gone astray.

Your navy blue is too powerful on the screen, reduce the volume of it or calm it down, it is currently adding confusion, not definition.

[paulFromWales]

Thanks for tips, always good to hear what others think. Will alter to 3 for now but any ideas how to start with changing/solving the prob with css?


paul

[paulFromWales]

Hi

Im fine with html and css is nothing special, which is why my boxes were none with html, to do it i clicked on a cat box in software and copied the code into dreamweaver and played with the boxes, but they were created using actinic to appear in boxes first, if that makes sense.

So i can see what you are saying to create the boxes with css with name "homebox" and floating them but if the columns are set to 4 in 'column count' at present how do i make them not set and change depending on size of monitor?

I do appreciate all your help and input guys, as a newbie this software is daunting so it is great to have a forum that works and help each other.

paul

[gabrielcrowe]

as hacky says: bad in 1024.

in firefox, create a bookmark.

for the location: javascript:top.resizeTo(1024,768);

shows you the size people see it at. woop woop.

on another note: the sites in my sig are dynamic width, just like the one youre trying to create.

[pinbrook]

or simply use the resize function on the FF developers bar

[paulFromWales]

hi

As you say 1024 is no good and i am trying to get this floating box in place. My head is getting there.

At moment in software, site options i have column counts for section list set to 4 so at moment my cat boxes are a set figure of four which is no good on 1024 and you could fit more in maybe on laaaagre ones. Bare with me if i sound thick on times; my boxes are not just html tables i physically/maunally put there, they were generated by the software somehow and i just altered html to the actinic variables a touch to play with.

What i am trying to understand is if i have a set number to column count, will using div / css/ float bypass the set column count, this is the bit i cant get past in my head.

paul

[dave_finlayson]

What i am trying to understand is if i have a set number to column count, will using div / css/ float bypass the set column count, this is the bit i cant get past in my head

To put it simply, yes!

[leehack]

Change both instances of '4' to '3' and see where that gets you.

[dave_finlayson]

Sorry I should have said you need to strip out all the Actinic table and td tags, this is exactly how we have done it on our site, putting the div's into the layout directly.

[paulFromWales]

Hi guys/gals

I had it set to 3 before and it is fine on a smaller res but on larger ones it looks a bit naf with such large gaps either side, guy i am doing site for wants it fluid so best solution is to get stuck into the divs/css, will have a go over weekend.

Will let you knowhowit goes and if you can offer any advice on how to improve site let me know, any imput gratefully excepted. Leehack mentioned blue, any other thoughts let me know

cheers


paul

[JSnow]

any advice on how to improve site

Get your spacebar repaired

knowhowit

And the 'nic claims another weekend. BWAhahaha!"

[paulFromWales]

Hi again

thought id have a bash now. Should be OK this box in div and css. Not sure about the:

To get it out of the tables it'd be easiest to create your own sub section list and take out the <table> and <td> tags

I got to the 'section link' with the boxs but how do i create the sub sec list?

paul

[paulFromWales]

Hi

i went to 'Sub section list ' and click HERE and deleted the html tags from the "Edit rows and columns" so now i just have boxes one after each other going down, is it just a case of taking the code for one and adding the div tags?

cheers

paul