Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Aug 2009
    Posts
    51
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Issues with text centre

    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

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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.)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Aug 2009
    Posts
    51
    Thanks
    10
    Thanked 0 Times in 0 Posts
    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? :|

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •