Changing 2 links?

[asa]

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?

[coothead]

Hi there asa,

change this...

#links {
    text-align:right;
    font-size: 12px;
 }
#links li {
    display:inline;
    margin:10%;
 }

...to this...

#links {
    padding:10px 0 0 20px;
    font-size: 12px;
 }
#links li {
    margin-bottom:5px;
 }

coothead

[asa]

Hi there asa,

change this...

#links {
    text-align:right;
    font-size: 12px;
 }
#links li {
    display:inline;
    margin:10%;
 }

...to this...

#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?

[coothead]

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

[asa]

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?

[coothead]

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

[asa]

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!

[coothead]

Hi there asa,

I have looked at your CSS and it appears that when you added this...

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

#links li {
    display:inline;
    margin:10%;
 }

...with this...

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

#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

[asa]

Hi there asa,

I have looked at your CSS and it appears that when you added this...

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

#links li {
    display:inline;
    margin:10%;
 }

...with this...

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

#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!

[coothead]

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

• http://ubuntuone.com/4bOgavvNnaZyjJJp8MUp5M

coothead

[asa]

Great!
I just want 2 things:
1 a contact form (with php)
2 improve the style of the links

[coothead]

Hi there asa,

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

coothead

[asa]

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!

[coothead]

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

[asa]

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?