eduard
-
Posts
2,375 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by eduard
-
-
Why do I get the apropiate block when I hover over the links, but not when they are inactive?
-
Also if the validation - concerning this is ok? <!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: #00FF00;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>Without knowing what the HTML looks like or seeing the page, we cannot know. -
Why is the block (background) of my links as wide as my images? * { 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{display:block;font-weight:bold;color:#FFFFFF;width:120px;text-align:center;padding:4px;text-decoration:none;}.links{background-color:#7A991A;} #copyright { top:40px; float:right; font-size:10px; color:#FFFFFF;} #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 */}
-
What are the steps to follow if you design a website? (e. g. strategy, validating, uploaden, back up, 2nd website, etc.)?
-
Many thanks!When I looked before, site50 looked the same. It's better now, but I think you should center #container. -
The setting of the container?Is what OK? -
Thanks!Is it now ok?No. The kind of container I mean contains everything. An outline of your page would be this:<!DOCTYPE html><html> <head> <!-- stuff --> </head> <body> <div id="container"> <!-- stuff --> <!-- stuff --> <!-- stuff --> </div </body></html>
-
Like this?: <!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: #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"> <div id="container"><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> <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;} .links { float:left; padding:10px 0 0 100px; font-size:12px;}.links li { margin-bottom:5px;}.links a { color:#FFFFFFF;}.links a:hover { color:#696969;} #copyright { top:40px; float:right; font-size:10px; color:#FFFFFF;} #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 */}My display at work is 1680px wide. The design does not look good. The elements on the left and right sides are too far away from the content area. If you cannot fill most of the screen, try using a container div in the center that is around 1000px wide. Put everything in that. -
Does my website (http://www.website2013.site50.net) shows ok on all displays?
-
This is also for me Chinese (wacky backy)?Only would look chinese if you smoking local wacky baccy. -
Is this Chinese?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 -
Nice, I don't understand it (have to study it!)AS explained B4, web development tool now come with every browser, press F12, while in browser, hey presto as if by magic it appears. -
Ok, thanks! (good idea!)eed to kP. s. copyright is nw on screen! P. s. To live of webdesign I must know what I need e. g. html editor, web development tools, etc. because now I haven't anything!Well, sorry that is the only conclusion we could possibly come up with, you keep posting the same problems, time and time again, the problems can be sorted by actually reading the tutorial, we tell you to read the tutorial, give you link, twice, you seem to get frustrated that we just don't supply the solution so you can copy and paste, then when you finally get of your arse and read the solution hey presto! you reply i fixed it! so you are actually learning now. So we now give you clues, instead of supplying the solution so you can actually learn this time. The trouble is html and css go together, if html is wrong it will probably affect how the css works, now you know the html is correct, you can only come to the conclusion it must be the css, IF you had web development tool, you would have found the styling for bottom, and copyright does not show, but if you look at the stylesheet itself, you will plainly see the these are indeed there, so something you have done recently had screwed up the reading of the other styling of bottom and copyright, and WHAT have you recently been changing, yes! anchor text color. I would have thought you would have picked this up quickly, but obviously not! and then corrected it. -
I want to have the link 'portfolio' in the same color as the other 2 links, but don't understand this: <span id="portfolio><class="style3" lang="en-gb"><a href="portfolio.html">Portfolio</a></span><br class="style1">
-
Was it too difficult (after having validated my html!) that the error was in my css?
-
I find this reply too ridiculous!! The past 2 years I've tried to study webdesign - UNDER VERY DIFFICULT CIRCUMSTANCES; ALSO NOW - I copied and pasted things, but that was a minority (I made it MY websites, with very much trying! And such an ##### only writes that I did copy and paste from his lazy chair!!!!!
-
What I don't get is that I've set my coyright, but it doesn't appear on my screen? <!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</a></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</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; } #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:#FFFFFF; } #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 */}
-
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?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. -
Thanks, I'll!So what you are trying to say is!, now let me get this right! the changes to elements you are talking about are the links elements, you need to be more specific in future, as there was so much wrong with elements above the button, it was difficult to pinpoint which one you were talking about. That's easy, you messed up the code in ex1.css, regarding the link styling, and its messed everything related to bottom and copyright below it, note copyright is there, its just black text so it does not show against the black background. You really should be more careful and probably validate css code as well. -
No, not at all! The links have still this awful color and I still don´t see the copy sign!So that makes this topic is finished! you changed the elements above the button so they more or less pass validation, that must be the changes you are talking about, as you have not specified any specific changes, have you now. -
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)There are no important errors now. Start a new thread and explain the next thing you want to do. -
Are the errors in the html or css?
-
But I validated the file and it says 0 errors? (now, but problems remain!)utWE got three topics here that are related to the same thing, he has not, or has misplaced the closing of some of the elements, you might as well merge these together. -
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 */}
Block of links much too wide?
in CSS
Posted