Hello,
When I open http://fb-design.co.uk/categories.php and select Designers I get the correct links.
Each one is is a large box.
I would like to see the links in a list.

Can any one say how this should be carried out please?

Thanks
John

Hi John
In the file ...
css/ectstyle.css
...around line 302 you have the style for div.category.
Remove from that the lines
width:43%;
float:left;
height:200px;
...and add...
clear:both;

You should then end up with...

div.category {
line-height: 1.6;
font-size: 0.9em;
padding: 10px;
border: 1px solid #ccc;
margin: 0px 0px 16px 16px;
height: 200px;
clear: both;
}

Also remove the border if you don't want it there.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Hello Vince,

Thanks for help.

I wondered if that style code could arrange 2 or 3 columns in place of just one.
There is quite a long list so more columns would be welcome.

Regards

John

Hi John
Sure thing, try this ...

div.category {
width: 43%;
line-height: 1.6;
font-size: 0.9em;
padding: 10px;
border: 1px solid #ccc;
margin: 0px 0px 16px 16px;
clear: both;
display: inline-block;
}

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Hi Vince
I reset the width to 28% to get 3 columns looks excellent.
I would like to remove the boxes.
If I click in the box nothing happens, I have to click on the link to make the connection.
Style is
div.category {
width: 28%;
line-height: 1.6;
font-size: 0.9em;
padding: 10px;
border: 1px solid #ccc;
margin: 0px 0px 16px 16px;
clear: both;
display: inline-block;

Thanks
John

Hi John
Just remove the border then

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Thanks Vince,
in ectstyle.css I removed the border but the border remains.

div.category {
width: 28%;
line-height: 1.6;
font-size: 0.9em;
padding: 10px;
margin: 0px 0px 16px 16px;
clear: both;
display: inline-block;
}

I did refresh the page
John

John

In your ectstyle.css file line 302 there is still the border code

div.category {
width: 28%;
line-height: 1.6;
font-size: 0.9em;
padding: 10px;
border: 1px solid #ccc;
margin: 0px 0px 16px 16px;
clear: both;
display: inline-block;

and if you do not want a border to appear on hover then remove or comment out the following line

div.category:hover{
border: 1px solid #006aba;

Steve
Egerton Village, Bolton, UK

Thanks Steve,
I had been using Dreamweaver and had not updated the remote server. I apologise.

Strangely I had to upload the file twice before it showed the changes.
I have had quite a lot of problems with Chrome and the need of clearing browser data.

Thanks again for the wonderful support from every one!

Regards

John

Hi John

You're welcome. Just on a side note about browser caching, I always have one or two browsers on my machines that never save history, cache or cookies & that cures being led any wild goose chases in CSS/code not showing. Even Ctrl + F5 sometimes doesn't always hot refresh. I always find Chrome the more fussy of the browsers with my preference being Firefox.

Steve
Egerton Village, Bolton, UK

Thanks Steve,
Have a great weekend what's left of it.

Regards

John