centering footer text

Emmanize

Senior Member
- Join Date: Apr 2006
- Posts: 684
centering footer text

#1

05-19-2009, 03:15 PM

I can’t seem to center the text within the footer all of a suddern. Have i missed something? I haven't had this problem before.

<div id="footer">

<div id="footer-links">

<li class="sub-li"><a href="#">Home</a></li>
<li class="sub-li"><a href="#">Image Gallery</a></li>
<li class="sub-li"><a href="#">Artist Bios</a></li>
<li class="sub-li"><a href="#">Interviews</a></li>
<li class="sub-li"><a href="#">Contact Us</a></li>

</div> 

<div class="center-text">
<p class="p-small">For all enquiries, bookings, current DJ mix tapes / cds or current artists promotional material.</p>
<p class="p-small">Please contact SA Management. Telephone: </p>
</div>

</div> 

#footer {
width: 800px;
height: 91px;
float: left;
text-align:center;
margin-left: 5px;
clear: both;
background-color:#00CCFF;
background-image: url(../images/slices/footer.jpg);
}
#footer-links {
width: 800px;
height: 34px;
float: left;
margin-left: 0px;
clear: both;
text-align:center;
background-color:#CCCC00;
background-image: url(../images/slices/sub-footer.jpg);
}
.center-text {
width: 100%;
height: auto;
text-align:center;
}
Tags: None
Emmanize

Senior Member
- Join Date: Apr 2006
- Posts: 684
#2

05-19-2009, 04:41 PM

Its ok i have done it. To many floats.
Comment
Emmanize

Senior Member
- Join Date: Apr 2006
- Posts: 684
#3

05-19-2009, 05:10 PM

Ok I still cannot center the links. It’s getting very frustrating.

.sub-li {
display:inline;
list-style:none;
padding: 5px;
text-align:center;
}
#footer {
width: 799px;
height: 100px;
margin-left: 5px;
text-align:center;
background-color: #660033;
}
#footer-bottom {
width: 799px;
height: 24px;
margin-left: 42px;
margin-bottom: 20px;
background-repeat: no-repeat;
background-image: url(../images/slices/footer-bottom.jpg);
}
#footer-links {
width: 799px;
height: 34px;
margin-left: 5px;
clear: both;
text-align:center;
background-color:#CCCC00;
background-image: url(../images/slices/sub-footer.jpg);
}
Comment
flutterby nut

Senior Member
- Join Date: Aug 2005
- Posts: 801
#4

05-19-2009, 06:01 PM

give the ul a width and set the margin to 0 auto...
Comment
Emmanize

Senior Member
- Join Date: Apr 2006
- Posts: 684
#5

05-19-2009, 07:55 PM

Do you mean like this?
Its still not working.

I got the p tag to center ok after awhile but for some reason the li tags don't.

<div id="footer-links">
<ul>
<li class="sub-li"><a href="#">Home</a></li>
<li class="sub-li"><a href="#">Image Gallery</a></li>
<li class="sub-li"><a href="#">Artist Bios</a></li>
<li class="sub-li"><a href="#">Interviews</a></li>
<li class="sub-li"><a href="#">Contact Us</a></li>
</ul>
</div> 

ul {
width: 100%;
height: auto;
margin: 0 auto;
text-align:center;
}
Comment
Emmanize

Senior Member
- Join Date: Apr 2006
- Posts: 684
#6

05-19-2009, 08:05 PM

Ignore me it worked. I shouldn’t have given it a width of 100%. Thank you!
Comment

skribe

Today, 06:12 AM

Commented to Yikes! What the heck happened to the forum?

Wow. Feeling the love. Thanks guys.

I didn't notice it before but the icons at the left as well as the links themselves also indicate if you have read the latest post or not. So something...
Pavlo

Today, 04:52 AM

Commented to College Kid Looking for Critiques on Portfolio

Well, please don't let your artistic and creative skills go to waste. Looking at your illustrations, you already have a strong style, so keep developing that. I also think you could do well in the fine...
Red Kittie Kat

Today, 03:04 AM

Commented to lets have a youtube thread...

It's not about the nail! ...
ksk

Today, 02:22 AM

Commented to College Kid Looking for Critiques on Portfolio

Unfortunately my school does not offer a graphic design program, and I can't transfer to one because my parents aren't exactly supportive of a creative career. So I'm teaching myself the fundamentals...
kissdesign

Today, 02:00 AM

Commented to Printers fault or mine? Please help

No I haven't seen the hardproof myself, I am not dealing with the printers. The client did send me a photo camparing the hardproof and final print....
PanToshi

Today, 01:58 AM

Commented to Printers fault or mine? Please help

I'm confused. Did you see the hard copy proof? What did the color look like to you?
kissdesign

Today, 01:38 AM

Commented to Printers fault or mine? Please help

Thanks Printerdriver, the client did ask for hardproof the first time but second time he didn't.

What would you suggest?

According to the client, the colours were perfect on...
PrintDriver

Today, 01:34 AM

Commented to Printers fault or mine? Please help

You don't hope for a proof. You ask for one. If it isn't on the work order, you are going to have a tough time recouping.

Comment

Comment

Comment

Comment

Comment