HTML help. Slideshow timings, alink underline and padding

Hi

Ok i been working on my website all night and i can not work out these 3 things:

1) how can i reduce the gap, please see here:
http://www.airsupplies.co.uk/padding.jpg

2) Any idea how i can change the timings and fade of the slideshow banners on the homepage?

3) i have changed the alink in the style sheet to show links WITHOUT being underlined. I have done this by changing the text-decoration: none;
But still my links has underlines!?

IF YOU CAN HELP OR HINT I WOULD BE VERY GRATEFUL!

 

Hi.

1) In you're css file, find line 189:

padding: 20px;

Code (markup):

And change it to:

padding: 0 20px;

Code (markup):

That will reduce spacing between #bodyContainer div's top-border and it's content.

2) The slideshow isn't working for me (firefox 3.5/linux), but I think changing some lines on your <script> will do that:

<script language="javascript" type="text/javascript">
$(function() {
    $('#offerImageContainer').before('<div id="offerNav" class="offerNav">').cycle({
        fx:     'fade',
        speed:  'fast',
        timeout: 8000,
        pager:  '#offerNav',
        before: function() { if (window.console) console.log(this.src); }
    });
});
</script>

Code (markup):

The 'fx' property is the effect. Can be maybe slide? Dunno.
'speed' is the speed of the animation. Can be 'fast', 'slow', 'normal', or millisec. number like 2000.
'timeout' is the time between image and image. Millisecond.

3) You should do that for a:link elements. Where you have:

#topNavContainer a {

Code (markup):

Replace with:

#topNavContainer a, #topNavContainer a:link {

Code (markup):

And same process to each a element.

Regards.

 

Thanks Zeh!!

I have changed the padding to:
padding: 0 20px;
But check it out, its too moved it to close to the grey header now.
www.airsupplies.co.uk
I have tried changing the value eg 1 21px but no joy. ???

Also, sorry I have changed what i think you mean on the hompage index file for the alink but still the links are underlined.

 

You changed the #topNavContainer padding. But you needed to change the #bodyContainer.

Also, there are a lot of a elements in the css file.

 

Thanks again Zeh!

Thats 2 out of 3 sorted.

I have through the css and changed all a elements now, but still the links are underlined. I don't know where it is coming from??

 

You have to add "a:link" elements, not "a.link".

 

Its not that I am afriad.

They were all a:link, and it didn't work.
I noticed in the style sheet they were a.link so tried changing them all to that to see if that worked.
Changed them all back to a:link now.

Hmmmm, any ideas??

George

 

#mainContentContainer a, #mainContentContainer a:link
{
	color: #AB3939;
}

#mainContentContainer a:hover, #mainContentContainer a:link
{
	color: #84252B;
}

Code (markup):

text-decoration: none;

 

Thats done it! Thanks so much Zeh.