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

[peblaco]

You want to put your <div class="homebox"> (or whatever style name) at the start of the box and the </div> after it for each box. Then define that style in the stylesheet.

[paulFromWales]

Hi

Nearly there, i did as, and way hay it did it but in the first row there is only one cat box?? and it pushed my right column below, i think i know why column pushed below, when i started i put the whole thing in a html table so i think i just need to div the whole thing which is best anyway BUT how do i make the first line full not only one box?

http://www.ukexhibition.co.uk/acatalog/test/acatalog/

thanks for help, couldnt of done without this forum

cheers

paul

[paulFromWales]

Hi

for some reason the first box always wants to stay on its own in the first row, any idea what would cause that, code is same for all boxes?

I originally set a up table and put left col in left main in middle and right column in right. TRying to sort this out i went to sectionlink went in and in the table deleted all the html tags, when i came out there was one long column going down in middle and right column has gone, when i added div to box it worked but only one box on first and rest fine but right column below.

my head in shed now so picking this is tomorrow, thanks for help and more advice keep it coming, nearly there and i know the firefoz problem with the overlapping, i think using css instead of html will sort out

cheers

paul

[leehack]

As you have a plain colour in the middle of your logo, chop the logo up into 3 parts, left holds the left part, centre part expands and contracts containing just the plain colour and right part is the right part of the logo. This method will stop the grey strips down the sides and means the logo will expand and contract as the site resizes.

As for your fluid layout, you sound in over your head, get back to basics, get the site live and then start messing and learning new things, there is a lot to learn of which having a fluid layout is right towards the bottom. Fix the width to 1001px wide and a very large proportion of your visitors will see a full screen anyway. If you try and run before you can crawl, you will end up with chunks taken out your backside. I'm all for challenges and pushing oneself, but you are committing IT suicide from what i can see and all to achieve nothing really, a fluid layout is not the deciding factor on the success of your site.

[paulFromWales]

Hi

well i had a go and am nearly there. i put the box in div/css which solved the firefox overlapping problem, i got rid of the table tags for box BUT when i tried adding the float: left; instead of going next to each other like it should, it just stayed one under the other and cut a little bit of the end of the box off for good measure. Probably something little i am forgetting, sure i read that it might do this but not sure how to get around it.

have a look now you will see they are one under the other and done with divs and css but when i add float it doesnt work, any thoughts?

paul

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

[fergusw]

Paul,

Looking at

http://www.ukexhibition.co.uk/acatalog/test/acatalog/

and making a slight change using Firebug (Firefox add-on) I get the required effect.

See this image and note the highlighted CSS properties:
float:left;
margin:5px;

[paulFromWales]

hi

i added the float: left; back into css and have uploaded it, in firefox it appears but in ie7 on my pc it doesnt, can anyone seeit in ie on thier pc or is it just me?

But also on my actinic software it appears how i mention it, one column, right side missing on each

also i added the padding and it padded funny have another look

paul

[paulFromWales]

Hi

Got him. Followed your words of wisdom and it seems OK. One little thing though i need to center the boxes, tried a few things but not to sure here, i added a div for the box but not sure what css do i use. How do you center the content of a div which is the case?

Thanks for help guys and especially gals, have another butchers when you get a chance and let me know any other niggles you can find

paul

[peblaco]

If it is centering all the boxes on the page you can't do that directly on the boxes because they are floating left. You'd need a container around your home boxes with a style to center.

[paulFromWales]

Hi

You guess correctly, i am trying to center the category boxes in the middle of the page. They are hugging the left at moment. I can see what you mean by cant tell it to float then say cneter but i have been stick divs everywhere and dont seemto be pin pointing it. Not sure but it looks like the sub-section list (in pink it says 'sectionlink'), needs to be centered, correct me if i am wrong, but i am running out of places to put divs with containers, any thoughts

paul

[paulFromWales]

Hi again

so near yet so far, i cant center the cat boxes, it is a tricky one as you say, i am not sure what tag to put and where to put it, i suppose first i need to find out where to put it, i have tried the sub-sec list, the boxes and am going around in cirles. So where which code firstly am i putting the div and any other tohughts on what.

nearly there

paul

[fergusw]

Paul,
Another thing I noticed there is that you are assigning the same ID attribute to multiple DIV tags.
ID attributes are supposed to be unique in the document. I think you might want to use class instead here, instead of id="container" over and over.

I have to agree with earlier posts from Lee and Louise here. CSS, mixed with tables, can produce a confusing design mish-mash which, if you are unskilled in CSS (which it looks as if you are - see above) will cause you trouble in trying to unravel problems.
As soon as you start adding DIV's and TABLE tags indiscriminately into your without a clear idea of the effects then you start to run into real trouble.

I'd start again if I were you. Strip back all the code to basics and go from there, or pay someone skilled to do it for you. )You can still learn from their produced work and it would save you a large amount of your time and misguided effort.)
It can sometimes take longer unpicking bad code than starting again.

Not trying to be negative, simply practical.

[leehack]

So frustrating to see this, what did i say days ago and here you are fumbling around with little knowledge on what you are doing and trying to do something to your site, which will make no difference whatsoever in the grand scheme of things.

By coming on to the forum you are clearly declaring a shortage of knowledge in this area, so why not take advice from the very people whose advice you are hoping to get?

Plain madness it really is, you can't even crawl properly and you're entering an Olympic 100m semi-final. Keep it simple while you are learning. Don't kid yourself Paul that you are close, you are not even 25% of the way there.

[paulFromWales]

hi guys/gals

sorry but this has become personal between me and the website. I cant let it win and yes today i have been shooting in the dark throwing the tags about and you are right i need to sit down, take a step back and figure out where to put it first then what to put there.

I hear what you guys are saying but i will sort this out one way or the other, bringing someone else in to sort is distance last resort i got to much fight left in me yet. I have had alot on my plate today so need to take a step back and have a crack tomorrow.

So by all means i will take on the rough with the smooth and i will need your help on this forum, we all have to start somewhere

cheers

paul