Anyone know how to close this gap...?

Does anyone know how to close the gap above my featured products header. I know its created by the main page. I am told its caused by <p>'s..............but where do i find them and what exactly do i edit without damaging my site.

Any help greatly appreciated.

Here's the link. http://www.actionfigures4u.com

Also i would appreciate anyone who can tell me how to split this nave bar up into 3 images so i can make it like the rest of my nav bars. Much appreciated.

Here's the link. http://www.actionfigures4u.com/index.php?main_page=index&cPath=1_17

Its the 'product image', 'item name' and 'price' header.

Many thanks.
Andy.

eeek! Yellow text on white background?

At the top of the page that is causing the gap is a Div id="indexDefaultMainContent"

you could edit the style sheet and change the definition to display:none - but you must check that this will not affect other pages...

But I would suggest filling the gap with a welcome message...

There are few issues when viewed with firefox.
Steve

Hi, thanks for the reply.

Don't understand the 'yellow text on white background comment'........i don't have any...? or am i missing something...?

Please let me know.

I only view through IE so is the yellow in Firefox or..............

I'll take a look at the stylesheet. Cheers.

Viewing your page with Firefox 3 doesn't show the darkbackgrounds for the titles. There are some issues with IE7 too....

You should probably have a look using Firefox...

I do like how your page is looking - the large product images are very good - although it is the same image when I click to view large on the product page...

Thanks.

I have no idea which IE i am using, i think it might be 8. I have not done the larger images as yet, or anything on the shopping cart, just concentrating on the layout.

If i download other IE and Firefox it won't automaticlly become my default will it.

Ok i'm using IE7, can't see the problems you refer to. Anyone know how to change the background of the text in firefox?

I believe you should be prompted when for default browser when firefox is started - just select no - I recomend this browser with the web developer extension - (lots of good extensions make this browser awesome)...

I dont think you can have more than 1 version of IE installed.. (without having a modified version) Unfortunately the sites should be tested in all browsers to make sure they display properly. Especially IE7 and firefox... ok and Opera too

To get rid of the gap:

In your stylesheet:

P, ADDRESS {
padding: 2.5em;
display:none;
}

Add the part in red.

Your site loads pretty slowly, and your left and center box headers don't load at all in FF2, so the text displays as yellow on white. Also, your right sideboxes overrun the right side of the mainWrapper. Check the width of your mainWrapper and the right and left column widths.

For the headers, remove the commas in the name of the elements:

**.leftBoxHeading, {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/sideboxheader.gif);
background-repeat: no-repeat;
padding: 0.7em 0.2em;
}

.centerBoxHeading, {
margin: 0em;
background-color: #ffffff;
background-image: url(../images/centerheader.gif);
background-repeat: no-repeat;
padding: 1.1em 0.4em
}**

Many thanks.

can't understand the sidebox overlapping the main body, in IE its fine and loads pretty quick...?

i deffinately need firefox, do i need to download a certain firefox or just google firefox...?

Thanks for your help steve.

Just Google Firefox. You'll get version 3.

There are differences between FF2 and FF3, so if you have a second computer install both.

Be sure to add the Web Developer plugin.

There's also a good FTP client plugin called FireFTP that I use for all my FTP'ing.

Once again thanks, have done all you told me and guess what...........perfect, cheers.

One last quick thing, don't suppose you could click on the second link i provided at the top of this thread and tell me if i can or can't do the following.

When you scroll down the page to the 'product image', 'item name' and 'price', i have had to use a repeating tile image as that header seems to be made up of 3 seperate headers, one for product image, one for item name and one for price.

So when i try to place the image header like the other center column image headers i use into this header, it splits it into 3 images which load completely wrong.

Any ideas...?

[QUOTE=stevesh;607847]To get rid of the gap:

In your stylesheet:

P, ADDRESS {
padding: 2.5em;
display:none;
}

the above will turn off paragraphs! as it has done when viewing the Shipping & Returns page (link in the information box).

S_T_E_V_E you are right, the gap has gone but now all of my descriptions are missing..................

If i put it back to how it was then the gap is there again.

Any help or idea's..................

Cheers in advance.

insert in to you stylesheet.css

#indexDefaultMainContent {display:none;}

what can i say..............thanks steve..........