www.webdeveloper.com
Page 1 of 2 12 LastLast
Results 1 to 15 of 16

Thread: Changing 2 links?

  1. #1
    Join Date
    Feb 2012
    Posts
    264

    Changing 2 links?

    How do I get the 2 links (´more´, ´mas´) at the left side of my homepage (www.eduardlid.net) and not next to each other but 1 above 2?

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,480
    Hi there asa,

    change this...
    Code:
    
    #links {
        text-align:right;
        font-size: 12px;
     }
    #links li {
        display:inline;
        margin:10%;
     }
    
    ...to this...
    Code:
    
    #links {
        padding:10px 0 0 20px;
        font-size: 12px;
     }
    #links li {
        margin-bottom:5px;
     }
    
    coothead

  3. #3
    Join Date
    Feb 2012
    Posts
    264
    Quote Originally Posted by coothead View Post
    Hi there asa,

    change this...
    Code:
    
    #links {
        text-align:right;
        font-size: 12px;
     }
    #links li {
        display:inline;
        margin:10%;
     }
    
    ...to this...
    Code:
    
    #links {
        padding:10px 0 0 20px;
        font-size: 12px;
     }
    #links li {
        margin-bottom:5px;
     }
    
    coothead


    I don´t manage!
    What and where in my html file?
    And where in my CSS?

  4. #4
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,480
    Hi there asa,

    No changes to the html file are needed.

    The code that requires amendment will be found towards the bottom of your ex1.css file.

    coothead

  5. #5
    Join Date
    Feb 2012
    Posts
    264
    Quote Originally Posted by coothead View Post
    Hi there asa,

    No changes to the html file are needed.

    The code that requires amendment will be found towards the bottom of your ex1.css file.

    coothead
    Thanks very much! However, I want them to the right! A margin?

  6. #6
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,480
    Hi there asa,

    in your original post, you wrote...

    How do I get the 2 links (´more´, ´mas´) at the left side of my homepage...... and not next to each other but 1 above 2?
    I amended the CSS do just that.

    Now want me to start over again and position them to the right.

    You're just teasing me, aren't you.

    coothead

  7. #7
    Join Date
    Feb 2012
    Posts
    264
    Quote Originally Posted by coothead View Post
    Hi there asa,

    in your original post, you wrote...



    I amended the CSS do just that.

    Now want me to start over again and position them to the right.

    You're just teasing me, aren't you.

    coothead
    No, they are perfect! Just an inch to to the right!

  8. #8
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,480
    Hi there asa,

    I have looked at your CSS and it appears that when you added this...
    Code:
    #links {
        padding:10px 0 0 20px;
        font-size: 12px;
     }
    
    ...to it, you somehow erased the closing curly bracket "}" from the #name rules above it.

    You also did not replace this...
    Code:
    #links li {
        display:inline;
        margin:10%;
     }
    
    ...with this...
    Code:
    #links li {
        margin-bottom:5px;
     }
    
    I would suggest that you go back to your CSS file and make certain that after these
    latest changes that it looks like this...
    Code:
    #name {
        margin:10px 100px 25px;
        font-size:50px;
        text-align:center;
        color:#000000; 	
        font-family: Arial,Geneva, 
        SunSans-Regular,sans-serif;
     } 
    #links  {
        padding: 10px 0 0 100px;
        font-size: 12px;
     } 
    #links li {
        margin-bottom:5px;
     }
    
    You will then have the inch margin to the left.

    Also learn the carpenters golden rule...
    "Measure twice, cut once."
    ...it will save you and me a lot of wasted time.

    coothead

  9. #9
    Join Date
    Feb 2012
    Posts
    264
    Quote Originally Posted by coothead View Post
    Hi there asa,

    I have looked at your CSS and it appears that when you added this...
    Code:
    #links {
        padding:10px 0 0 20px;
        font-size: 12px;
     }
    
    ...to it, you somehow erased the closing curly bracket "}" from the #name rules above it.

    You also did not replace this...
    Code:
    #links li {
        display:inline;
        margin:10%;
     }
    
    ...with this...
    Code:
    #links li {
        margin-bottom:5px;
     }
    
    I would suggest that you go back to your CSS file and make certain that after these
    latest changes that it looks like this...
    Code:
    #name {
        margin:10px 100px 25px;
        font-size:50px;
        text-align:center;
        color:#000000; 	
        font-family: Arial,Geneva, 
        SunSans-Regular,sans-serif;
     } 
    #links  {
        padding: 10px 0 0 100px;
        font-size: 12px;
     } 
    #links li {
        margin-bottom:5px;
     }
    
    You will then have the inch margin to the left.

    Also learn the carpenters golden rule...

    ...it will save you and me a lot of wasted time.

    coothead
    Now I´ve another problem! You must scroll the page which I don´t want! How do I solve that?

    P. s. about ´measure twice, cut once´ you´re totally right! However, I´m very stressed now! Unfortunately, I can´t tell you why!

  10. #10
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,480
    Hi there asa,

    To make life easier, I have totally reworked your page.

    You can see the results in a zip file that may be downloaded here...

    coothead

  11. #11
    Join Date
    Feb 2012
    Posts
    264
    Great!
    I just want 2 things:
    1 a contact form (with php)
    2 improve the style of the links

  12. #12
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,480
    Hi there asa,

    1. http://www.google.com/search?q=php+contact+form
    2. which links, and in what way?

    coothead

  13. #13
    Join Date
    Feb 2012
    Posts
    264
    Thanks!
    The 2 links of my homepage making it 1 (more, más ´ is very important!)
    Another one (contact, contacto).
    In such a way that they look professional!

  14. #14
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,480
    Hi there asa,

    well, links that "look professional" is to my mind a subjective requirement.

    If you show me links that you consider "look professional", I will be able to provide the appropriate code.

    coothead

  15. #15
    Join Date
    Feb 2012
    Posts
    264
    Quote Originally Posted by coothead View Post
    Hi there asa,

    well, links that "look professional" is to my mind a subjective requirement.

    If you show me links that you consider "look professional", I will be able to provide the appropriate code.

    coothead
    You´re right!
    Perhaps you can make them and I design them?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles