Changing 2 links?

This site is best viewed in a modern browser with JavaScript enabled.

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

[color=navy]
#links {
    text-align:right;
    font-size: 12px;
 }
#links li {
    display:inline;
    margin:10%;
 }
[/color]

...to this...

[color=navy]
#links {
    padding:10px 0 0 20px;
    font-size: 12px;
 }
#links li {
    margin-bottom:5px;
 }
[/color]

coothead

asa

coothead;1225837 wrote:
Hi there asa,

change this...
[color=navy]
#links {
    text-align:right;
    font-size: 12px;
 }
#links li {
    display:inline;
    margin:10%;
 }
[/color]
...to this...
[color=navy]
#links {
    padding:10px 0 0 20px;
    font-size: 12px;
 }
#links li {
    margin-bottom:5px;
 }
[/color]
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

coothead;1226071 wrote:
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

coothead;1226267 wrote:
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...

[color=navy]#links {
    padding:10px 0 0 20px;
    font-size: 12px;
 }
[/color]

...to it, you somehow erased the closing curly bracket "}" from the #name rules above it. :eek:

You also did not replace this...

[color=navy]#links li {
    display:inline;
    margin:10%;
 }
[/color]

...with this...

[color=navy]#links li {
    margin-bottom:5px;
 }
[/color]

I would suggest that you go back to your CSS file and make certain that after these
latest changes that it looks like this...

[color=navy]#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;
 }
[/color]

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

coothead;1226281 wrote:
Hi there asa,

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

You also did not replace this...
[color=navy]#links li {
    display:inline;
    margin:10%;
 }
[/color]
...with this...
[color=navy]#links li {
    margin-bottom:5px;
 }
[/color]
I would suggest that you go back to your CSS file and make certain that after these
latest changes that it looks like this...
[color=navy]#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;
 }
[/color]
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,

http://www.google.com/search?q=php+contact+form
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

coothead;1226453 wrote:
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?

coothead

[indent]Perhaps....[/indent]