Picture Rotator

HTML & CSS
1

Could I get some help trying to get this to butt up with the nav bar and over to the left?

http://www.itssecured.com/

2

Sure, but you need to post a link or at least a code sample for us to look at.

Check out this thread for tips on posting code: http://www.sitepoint.com/forums/showthread.php?1041498-Forum-Posting-Basics

3

tncandle,

Two things:

First:

In text.css (line 69), you have a default {margin-bottom:20px} applied to a group of selectors.


p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 20px;
}

That margin-bottom is pushing the top of the rotator down below the menu bar.

You need to prevent that {margin-bottom:20px} from being applied to the “ul” in the rotator.

Perhaps add a class to the ul inside div.rotator and set it to {margin-bottom:0}.

Second:

Also in text.css (line 65), there is a {margin-left:30px} being applied to all list items.

Your need to override that value for li.show.

That is easily done by adding a property here:

style_sheet.css (line 132)


div.rotator ul li.show {
    [color=blue]margin: 0;    /* ADD ME */[/color]
    z-index: 500;
}
4

The first one worked.

The second one worked but when they switch they want to kick out and back in.

I went back and put it here and it’s working.

div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	margin: 0;
}

Thanks for your help.

5

Excellent! Glad you got it working! And thanks very much for the feedback.

Cheers

6