Jump to content
eduard

Changing color of link 'portfolio'?

Recommended Posts

I have questions for you, IF it is so bad blah, blah, blah WHY! are you still there? Also IT does not matter that is so bad, blah blah, blah the fact remains you cannot grasp the very basics of putting a html website together let alone a dynamic site, without continuously relying on the forum of w3schools to help out! so you can copy and paste, therefore it is a waste of time for you to look into becoming a web designer/developer or whatever.
WAIT AND SEE!

Share this post


Link to post
Share on other sites

Why is the file (index.html) off-line ok and why on-line wrong (I uploaded it several times to the same folder?

Share this post


Link to post
Share on other sites

Finally I solved this problem!

Share this post


Link to post
Share on other sites

it's time to bring this one to an end I think...

Share this post


Link to post
Share on other sites
The problem is it will NEVER end! as he will be repeating this exact same post YET! AGAIN as he never learns, just COPY and PASTE.
If it was that easy!

Share this post


Link to post
Share on other sites

Why doesn't this solution work for the link 'more'?

Share this post


Link to post
Share on other sites
because you have not followed the exact instruction for changing the color given to you before.
Do you mean post 15? (I followed that exactly!) or do you mean setting the link? And how about my copy right sign?

Share this post


Link to post
Share on other sites

You should notice something wrong with this line that affects everything that follows. Something MISSING.

<span class="style3" lang="en-gb"><a href="portfolio.html">Portfolio</span>

Again, if you checked the validator, you would see the answer in the first two errors.

Share this post


Link to post
Share on other sites

I don't get it! (neither the color of the 2 links (bottom), nor the copy right sign? <!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 a{color: #FFFFFF;font-size: large;}.style4 {color: #00FF00;font-size: xx-large;}</style></head> <body><div class="style2"> <br class="style1"><br class="style1"><h1> <span class="style4" lang="en-gb">EduardLid Web Design</span></h1><br class="style1"><span class="style3" lang="en-gb"><a href="portfolio.html">Portfolio</span><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 id="links"><li><a href="american.html">more</a></li><li><a href="spanish.html">más</a></li> </ul> <p id="copyright">Copyright © 2013</span></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" /* Rotate div */ </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; } #ex1:hover,a.ex1:active {color:red;}#a {color:#00FF00;} /* visited link * a.external { background: url(/images/external.png) center right no-repeat; padding-right: 13px;} #container{ clear:both; position:relative; background-color:#000000; width:100%; height:50px; } #main { clear:both; position:relative; height:420px; background-color:#fffff0; border:4px solid #808080; } #bottom {background-color:#000000;height:100px;} #links { float:left; padding:10px 0 0 100px; font-size:12px; }#links li { margin-bottom:5px; } #links a { color:#000; } #links a:hover { color:#696969; #copyright { position:absolute; top:40px; right:100px; font-size:10px; color:#FFFFFF; } #rot {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 */}

Share this post


Link to post
Share on other sites

I guess I'll just repeat what DD is trying to say. what does the validator tell you?

Share this post


Link to post
Share on other sites

We know what your code looks like. We have all visited your page many times. The problem is in the line I showed you. Try this. Click your slideshow. Notice that it is a link to your portfolio page. Ask yourself why this should be. Then look again at the line I showed you. Remember I said that something is missing.

Share this post


Link to post
Share on other sites

Are the errors in the html or css?

Share this post


Link to post
Share on other sites

There are no important errors now. Start a new thread and explain the next thing you want to do.

Share this post


Link to post
Share on other sites
There are no important errors now. Start a new thread and explain the next thing you want to do.
Ok, I want to change the color of the links ´more´ and ´más´(I tried this the same way as the link ´portfolio´ but it didn´t work and I want to have the copy right sign on my homepage! (also this I´ve tried many times)

Share this post


Link to post
Share on other sites
OK, you fixed that. Now give your other links a class name.
I wrote this in Post #42. You already know how to give an element a classname. Do it for these links too. You don't need to add a span. A class can usually be applied to any element. Edited by Deirdre's Dad

Share this post


Link to post
Share on other sites
I wrote this in Post #42. You already know how to give an element a classname. Do it for these links too. You don't need to add a span. A class can usually be applied to any element.
So I changed the color of my link 'portfolio' in my html doc, but changing colors of links should be done in the css style sheet?

Share this post


Link to post
Share on other sites
NUMPTY, any styling internally in the <head> takes precedence over identical styling applied in an external css style sheet. its up to you where to place it as long you take in the rule of precedence i just mentioned, which is all explained here if you bothered to look and take in. http://w3schools.com/css/css_howto.asp
Is this Chinese?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...