eduard

I think many of you remember me, I´m Eduard Lid. Now living in The Netherlands – from 2009 until june of this year in south-america (Chile, Argentina).

Next year I´ll probably move to Spain and I would like to earn y money as a webdesigner

I now have 2 websites on line: http://www.website2012.site40.net http://www.eduardlid2013.com

This year I already want to earn money by the website: http://www.peopleperhour.com

Please could you tell me what you think of it?

The key word in your question is "look." You should know by now that means CSS. When you follow Ingolme's advice, look at the CSS that defines the appearance of a link you like. Save time by using the Inspect Element feature that most browsers have built-in today. I use that in Firefox a lot. When looking at your pages, your example.

What´s Inspect Element and how does it work?

just make it easy readable and little light style

That's what I'm looking for: light style! But how?

The key word in your question is "look." You should know by now that means CSS. When you follow Ingolme's advice, look at the CSS that defines the appearance of a link you like. Save time by using the Inspect Element feature that most browsers have built-in today. I use that in Firefox a lot. When looking at your pages, your example.

Ok, thanks! (I'll come tomorrow back to you!)

You are the designer. It is up to you to create something that you believe is visually appealing to your target demographic. Go look at "professional" websites and find the kind of patterns that you think make the site look good.

Ok, thanks!

????? ITS FIXED! according to him on post #14, but you never know with him.

With me perhaps no, but a computer can't ly (p.s. solid grey I took from an example of the css tutorial of W3Schools!)

What??? stop talking double dutch. numpty.

Question: What was first? (OR who started first:me or you?)

How do I make my links look more professional? (Jquery?)

what! numpty are you going on about?

What was first?

ditto above yours.

Chicken or the egg?

You are trying to tell me that you actually got of your arse, read the tutorials, expeimented and got it work yourself! bloody amazing, and yes it wouldn't be that simple if you did not actually do any of those things yourself in the first place, instead of just posting and then copy and pasting the corrected code all the time.

I already wrote my reply above!

FIXED! (What a high expectations do you have of me, but this wasn't that simple as earlier mentioned!)

What correct css code i see no correct css code, still wrong.

The validator says: Congratulations?

Sorry! it already has residence on your site, or should i say w3schools forums site, since that where most of is copied from. Well the code you posted is not the same, as theres definitly an error, so again, how can we help if you give incorrect code to work with, all the time.

If I should send you the right code why should I send you a question?How do I obtain the right code?Answer: by trying (copy and paste not possible!) P. s. I use this correct code, problem remains!

How is that possible? (after validating!)My html doc has errors, but not related to my links!My css file has no errors?

Stop wasting OUR time, by posting such simple styling that you should easily be able to pick up from the tutorials. THIS Just: #'link' {border:} IS nothing like what is used to apply to any styling to you page, you should be embarrassed by even posting such a code, it does not relate to class, or pseudo class so as to apply styling, the declaration is totally wrong as mentioned, it just shows you have not trying, and gone for easy fix once again, so you can copy and paste again without doing anything, or learning anything. P.S you again messed up the css again, so once again if we did provide solution it probably won't work anyway. VALIDATION RING A BELL! AGAIN.

Put the copy and paste in your ######!

Stop wasting OUR time, by posting such simple styling that you should easily be able to pick up from the tutorials. THIS Just: #'link' {border:} IS nothing like what is used to apply to any styling to you page, you should be embarrassed by even posting such a code, it does not relate to class, or pseudo class so as to apply styling, the declaration is totally wrong as mentioned, it just shows you have not trying, and gone for easy fix once again, so you can copy and paste again without doing anything, or learning anything. P.S you again messed up the css again, so once again if we did provide solution it probably won't work anyway. VALIDATION RING A BELL! AGAIN.

For you SIMPLE, for me NOT! May I?

I got the borders, but NOT in the color as I want (solid grey)? When I hover them it works fine, but not when you see for the first time my website (www.website2013.site.net)? <!DOCTYPE html><html><head><!-- saved from url=(0022)http://internet.e-mail --><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>Eduard Lid</title> <link rel="stylesheet" type="text/css" href="ex1.css"><link rel="stylesheet" href="panning-slideshow.css"><link rel="stylesheet" href="bsa.css" type="text/css" media="screen"><script src="jquery-latest.js"></script><script src="jquery_002.js"></script><script src="jquery.js"></script><script src="image-rotator.js"></script><script src="bsa.js" async="" type="text/javascript"></script><script async="async" src="s_3a3793f622db4a9dea3bfa355c5b2441.js" id="_bsap_js_3a3793f622db4a9dea3bfa355c5b2441" type="text/javascript"></script><style id="bsa_css" type="text/css">.one{position:relative}.one .bsa_it_ad{display:block;padding:15px;border:1px solid #e1e1e1;background:#f9f9f9;font-family:helvetica,arial,sans-serif;line-height:100%;position:relative}.one .bsa_it_ad a{text-decoration:none}.one .bsa_it_ad a:hover{text-decoration:none}.one .bsa_it_ad .bsa_it_t{display:block;font-size:12px;font-weight:bold;color:#212121;line-height:125%;padding:0 0 5px 0}.one .bsa_it_ad .bsa_it_d{display:block;font-size:11px;color:#434343;font-size:12px;line-height:135%}.one .bsa_it_ad .bsa_it_i{float:left;margin:0 15px 10px 0}.one .bsa_it_p{display:block;text-align:right;position:absolute;bottom:10px;right:15px}.one .bsa_it_p a{font-size:10px;color:#666;text-decoration:none}.one .bsa_it_ad .bsa_it_p a:hover{font-style:italic}.style1{color: #00FF00;}.style2{text-align: center;}.style3{color: #000000;font-size: large;}.style4{color: #1E90FF;font-size: xx-large;}</style></head> <body> <div id="container"> <div class="style2"> <br class="style1"><br class="style1"><h1> <span class="style4" lang="en-gb">EduardLid Web Design</span></h1><br class="style1"> <br></div><div id="window"><ul style="top: -350px; left: -960px;" id="slideshow"><li class="box1"><img src="tiger.jpg" alt="Tiger"></li><li class="box2"><img src="macaw.jpg" alt="Macaw"></li><li class="box3"><img src="bald-eagle.jpg" alt="Bald Eagle"></li><li class="box4"><img src="panda.jpg" alt="Panda"></li></ul></div> <div id="bottom"> <ul class="links"><li><a href="american.html">More</a></li><li><a href="spanish.html">Más</a></li><li><a href="portfolio.html">Portfolio</a></li></ul> <p id="copyright">Copyright © 2013</p> <a href="http://ar.linkedin.com/in/eduardlid"><img id="rot" src="http://www.linkedin.com/img/webpromo/btn_viewmy_120x33_es_ES.png?locale=" width="120" height="33" border="0" alt="Ver el perfil de Eduard Lid en LinkedIn"</image>* </a> </div> </div> </body></html> * { margin:0; padding:0; list-style-type:none;} body{ font: bold 15px arial,geneva,SunSans-Regular,sans-serif; background-color:#000000;} #container {width:1000px;margin-left:auto;margin-right:auto;} .links a:link{display:block;border:2px solid blue;font-weight:bold;color:#000000;width:120px;text-align:center;padding:4px;text-decoration:none;background-color:#1E90FF;;}.links a:hover{display:block;font-weight:bold;color:#FFFFFF;width:120px;text-align:center;padding:4px;text-decoration:none;background-color:#87CEEB;} #copyright { top:40px; float:right; font-size:10px; color:#6495ED;} #rot {margin-top:5%;transform:rotate(-30deg);-ms-transform:rotate(-30deg); /* IE 9 */-moz-transform:rotate(-30deg); /* Firefox */-webkit-transform:rotate(-30deg); /* Safari and Chrome */-o-transform:rotate(-30deg); /* Opera */}

Is it possible that the css is 'overruled' by the html?

So you looked up the tutorial and they say to just add a border you just use border: ? really? it said that! nothing about width, color, type of border., really, i think not, look it up properly and stop wasting our time.

Stop wasting MY time by those RIDICULOUS answers please?

How do I add a border to a link? (I've tried many times!)Just: #'link' {border:}

I got the borders, but NOT in the color as I want (solid grey)? When I hover them it works fine, but not when you see for the first time my website (www.website2013.site.net)? <!DOCTYPE html><html><head><!-- saved from url=(0022)http://internet.e-mail --><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>Eduard Lid</title> <link rel="stylesheet" type="text/css" href="ex1.css"><link rel="stylesheet" href="panning-slideshow.css"><link rel="stylesheet" href="bsa.css" type="text/css" media="screen"><script src="jquery-latest.js"></script><script src="jquery_002.js"></script><script src="jquery.js"></script><script src="image-rotator.js"></script><script src="bsa.js" async="" type="text/javascript"></script><script async="async" src="s_3a3793f622db4a9dea3bfa355c5b2441.js" id="_bsap_js_3a3793f622db4a9dea3bfa355c5b2441" type="text/javascript"></script><style id="bsa_css" type="text/css">.one{position:relative}.one .bsa_it_ad{display:block;padding:15px;border:1px solid #e1e1e1;background:#f9f9f9;font-family:helvetica,arial,sans-serif;line-height:100%;position:relative}.one .bsa_it_ad a{text-decoration:none}.one .bsa_it_ad a:hover{text-decoration:none}.one .bsa_it_ad .bsa_it_t{display:block;font-size:12px;font-weight:bold;color:#212121;line-height:125%;padding:0 0 5px 0}.one .bsa_it_ad .bsa_it_d{display:block;font-size:11px;color:#434343;font-size:12px;line-height:135%}.one .bsa_it_ad .bsa_it_i{float:left;margin:0 15px 10px 0}.one .bsa_it_p{display:block;text-align:right;position:absolute;bottom:10px;right:15px}.one .bsa_it_p a{font-size:10px;color:#666;text-decoration:none}.one .bsa_it_ad .bsa_it_p a:hover{font-style:italic}.style1{color: #00FF00;}.style2{text-align: center;}.style3{color: #000000;font-size: large;}.style4{color: #1E90FF;font-size: xx-large;}</style></head> <body> <div id="container"> <div class="style2"> <br class="style1"><br class="style1"><h1> <span class="style4" lang="en-gb">EduardLid Web Design</span></h1><br class="style1"> <br></div><div id="window"><ul style="top: -350px; left: -960px;" id="slideshow"><li class="box1"><img src="tiger.jpg" alt="Tiger"></li><li class="box2"><img src="macaw.jpg" alt="Macaw"></li><li class="box3"><img src="bald-eagle.jpg" alt="Bald Eagle"></li><li class="box4"><img src="panda.jpg" alt="Panda"></li></ul></div> <div id="bottom"> <ul class="links"><li><a href="american.html">More</a></li><li><a href="spanish.html">Más</a></li><li><a href="portfolio.html">Portfolio</a></li></ul> <p id="copyright">Copyright © 2013</p> <a href="http://ar.linkedin.com/in/eduardlid"><img id="rot" src="http://www.linkedin.com/img/webpromo/btn_viewmy_120x33_es_ES.png?locale=" width="120" height="33" border="0" alt="Ver el perfil de Eduard Lid en LinkedIn"</image>* </a> </div> </div> </body></html> * { margin:0; padding:0; list-style-type:none;} body{ font: bold 15px arial,geneva,SunSans-Regular,sans-serif; background-color:#000000;} #container {width:1000px;margin-left:auto;margin-right:auto;} .links a:link{display:block;border:2px solid blue;font-weight:bold;color:#000000;width:120px;text-align:center;padding:4px;text-decoration:none;background-color:#1E90FF;;}.links a:hover{display:block;font-weight:bold;color:#FFFFFF;width:120px;text-align:center;padding:4px;text-decoration:none;background-color:#87CEEB;} #copyright { top:40px; float:right; font-size:10px; color:#6495ED;} #rot {margin-top:5%;transform:rotate(-30deg);-ms-transform:rotate(-30deg); /* IE 9 */-moz-transform:rotate(-30deg); /* Firefox */-webkit-transform:rotate(-30deg); /* Safari and Chrome */-o-transform:rotate(-30deg); /* Opera */}

How do I add a border to a link? (I've tried many times!)Just: #'link' {border:}

Validators are machines, so they don't always understand the source of an error. You don't actually have an attribute error. Something else is wrong that makes the validator think there is an attribute problem. As thescientist said, please pay attention to the way I am trying to help you.

Ok, I'll!

Solved! (Thanks!)

I'm pretty sure the error is on this line.

<img id="rot" src="http://www.linkedin.com/img/webpromo/btn_viewmy_120x33_es_ES.png?locale=" width="120" height="33" border="0" alt="Ver el perfil de Eduard Lid en LinkedIn"</image>*

Remember what kind of tag this is and the correct way to close it. Remember there is no <image> tag.

Where do I find what attribute I should use? As well for the attribute (charset) (another document)?

What does this error mean? Line 30, Column 10: No space between attributes.<div id="imagecontainer">