Issues with text centre

snowdude2004 · 05-12-2010, 11:42 AM

Couldn't see the completely retarded section so went for this forum subsection.

After taking a long break away from coding I came back to my site today to try and improve the overall looks and added a sitemap at the bottom. I'm trying to centre the hyperlinks without affecting the copyright part underneath and other images I may add to the footer because I would like to add something like these icons aligned to the right when I am done. Obviously after its all properly coded.

The url for the page is http://www.devious-design.co.uk/final_test.html

abduraooft · 05-12-2010, 12:08 PM

Change

Code:

<p>
<br>

<a href="index.html">Home</a> 
<a href="contact.html">-Contact</a> 
<a href="services.html">-Services &amp; Prices</a> 

<br>
<br>
	Devious Design&copy; 2009. All rights reserved.
</p>

to

Code:

<ul>
<li><a href="index.html">Home</a> </li>
<li><a href="contact.html">-Contact</a> </li>
<li><a href="services.html">-Services &amp; Prices</a> </li>
</ul>

<p>
	Devious Design&copy; 2009. All rights reserved.
</p>

and then add the following into your CSS.

Code:

#footer ul{
list-style:none;
text-align:center;
}
#footer ul li{
list-style:none;
display:inline
}

In that way, your markup will become a little more semantic!
(You may add margin/padding, if required.)

snowdude2004 · 05-12-2010, 01:26 PM

Cheers for your help. Just updated that and realised it then started using the ul and li tags etc from the menu so had to change css to what it should of been orginally and sorted that however now I have a space between the content container and the footer container and my text it now just out of the footer. How the hell did that happen? :|

abduraooft · 05-12-2010, 02:45 PM

Add

Code:

*{
margin:0;
padding:0;
}

into your CSS to remove all browser specific default values of margins and paddings from every elements. Or just add margin:0; to #footer ul, if you need to keep everything else and remove specifically from this element.