Jump to content

Changing color of link 'portfolio'?


eduard

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!
Link to comment
Share on other sites

  • Replies 51
  • Created
  • Last Reply

Top Posters In This Topic

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!
Link to comment
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?
Link to comment
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.

Link to comment
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 */}

Link to comment
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.

Link to comment
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)
Link to comment
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
Link to comment
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?
Link to comment
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?
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...