...

View Full Version : Issues with text centre



snowdude2004
05-12-2010, 12:42 PM
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.

http://jigsaw.w3.org/css-validator/images/vcss-blue

http://www.w3.org/Icons/valid-xhtml10

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

abduraooft
05-12-2010, 01:08 PM
Change
<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

<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.

#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 (http://boagworld.com/technology/semantic-code-what-why-how)!
(You may add margin/padding, if required.)

snowdude2004
05-12-2010, 02: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, 03:45 PM
Add

*{
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum