Jump to content

eduard

Members
  • Posts

    2,375
  • Joined

  • Last visited

Everything posted by eduard

  1. Haven't done anything about it??? (3 hours) (I always try myself first, because I hate to wait!)
  2. What did I do? I copied the html code and pasted it into the validator, corrected the codes and copied the improved version and pasted it into my css file!Since then I have this problem!
  3. File fully validated! Answer please? <!DOCTYPE html> <html> <head><link rel="stylesheet" type="text/css" href="ex1.css"><title>Eduard Lid</title></head> <body> <div id="container"><p id="name">Eduard Lid</p><ul id="flags"> <li><a href="#">us<span id="amer"></span></a></li> <li><a href="#">es<span id="spanish"></span></a></li> </ul></div> <div id="main"><ul id="links"> <li><a href="american.html">more</a></li> <li><a href="spanish.html">más</a></li> </ul> </div> <div id="bottom"> <p id="design">web<br>design diseñar<span 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=" alt="Ver el perfil de Eduard Lid en LinkedIn"/>* Rotate div */ </a> </div> </body></html>
  4. Thanks!I validated my html doc. and it hasn't got any errors more, but now it doesn't link to my external css style sheet?
  5. Why doesn't my html document link to my external css style sheet? <!DOCTYPE html> <html> <head><link rel="stylesheet" type="text/css" href="ex1.css"><title>Eduard Lid</title></head> <body> <div id="container"><p id="name">Eduard Lid</p><ul id="flags"> <li><a href="#">us<span id="amer"></span></a></li> <li><a href="#">es<span id="spanish"></span></a></li> </ul></div> <div id="main"><ul id="links"> <li><a href="american.html">more</a></li> <li><a href="spanish.html">más</a></li> </ul> </div> <div id="bottom"> <p id="design">web<br>design diseñar<span 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=" alt="Ver el perfil de Eduard Lid en LinkedIn"></img>* Rotate div */ </a> </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{ clear:both; position:relative; background-color:#000000; width:100%; height:120px; } #name{ font-size:50px; color:#7fff00; text-align:center;} #main { clear:both; position:relative; height:280px; background-color:#000000; border:4px solid #808080; } #bottom {background-color:#000000;height:80px;} 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; }#flags { float:right; width:256px; height:20px; margin:10px 0px; } #flags li { position:relative; float:left; width:24px; margin:0 2px; font-size:8%; font-weight:normal; } #flags a,#flags span { position:relative; display:block; width:20px; line-height:2px; font-size:0%; font-weight:normal; } #flags span { position:absolute; top:0; left:0; width:-6px; height:24px; background-position:0 -2px; } #flags span:hover { box-shadow:#eef 0 0 0px; } #amer { background-image:url(americanflag.gif); } #spanish { background-image:url(spanishflag.gif);} #design { position:relative; font-size:50px; color:#7fff00; text-align:center; }#copyright { position:absolute; top:40px; right:100px; font-size:10px; color:#fff; } #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 */}
  6. What do I have to put in the <head> and what as <title> for a html5 document or where do I find this?
  7. Oops, forgotten! (thanks!)However, validating is simple! Not the answer to my questions and those I haven't!
  8. How do I get a part (left) of the 2nd div in background color black and the american flag before webdesign and the spanish flag before disenador? <!DOCTYPE html> <html>v><head> <meta http-equiv="content-type" content="text/ html; charset=UTF-8"> <title>Eduard Lid</title> <link rel="stylesheet" type="text/css" href="ex1.css"> </head><body> <div id="container"><p id="name">Eduard Lid</span></p></div> <div id="main"><p id+"buttons"></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="design">web<br>design diseñar<span 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; } #container{clear:both;position:relative;background-color:#000000;width:100%;height:120px;} #name{ font-size:50px; color:#7fff00; text-align:center;} #main { clear:both; position:relative; height:280px; background-color:#fffff0; border:4px solid #808080;} #bottom {background-color:#000000;height:80px;} 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;}#flags { float:right; width:256px; height:20px; margin:10px 0px; } #flags li { position:relative; float:left; width:24px; margin:0 2px; font-size:8%; font-weight:normal; } #flags a,#flags span { position:relative; display:block; width:20px; line-height:2px; font-size:0%; font-weight:normal; } #flags span { position:absolute; top:0; left:0; width:-6px; height:24px; background-position:0 -2px; } #flags span:hover { box-shadow:#eef 0 0 0px; } #amer { background-image:url(americanflag.gif); } #design { position:relative; font-size:50px; color:#7fff00; text-align:center;}#copyright { position:absolute; top:40px; right:100px; font-size:10px; color:#fff;} #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 */}
  9. All the css of an element makes it a container?
  10. Many thanks!A beginner's question: What's exactly the difference between a container and a div?
  11. How do I also get black background color at the top of the page? <!DOCTYPE html> <html><head> <meta http-equiv="content-type" content="text/ html; charset=UTF-8"> <title>Eduard Lid</title> <link rel="stylesheet" type="text/css" href="ex1.css"> </head><body> <div id="container"> <div id="main"> </div><!-- end #main --> <p id="name">web<br>design diseñar<span 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><!-- end #container --> </body></html> * { margin:0; padding:0; list-style-type:none; }body{ font: bold 15px arial,geneva,SunSans-Regular,sans-serif; background-color:#000000; }#container { min-width:966px;height:100%; } #main { clear:both; position:relative; height:380px; background-color:#fffff0; border:4px solid #808080; } #name { position:relative; font-size:50px; color:#7fff00; text-align:center; }#copyright { position:absolute; top:40px; right:100px; font-size:10px; color:#fff; } #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 */}
  12. What's exactly the difference between an event and a function?
  13. Someone suggested me to use free templates! I don''t like them! However, what do you think of this suggestion?
  14. How can I see the code of a website in Google Chrome?
  15. Thanks very much! Very good suggestion!
  16. I' m thinking of designing a new website and put my 2 current websites in a portfolio. Now I live for the first time since 4 years in a good place. So now I prefer quality instead of earning (quick) money. What do you think of this idea and what should I at least use? (HTML5, CSS3, video, animation, etc.) to have looked this website professional?
  17. Thanks boen_robot! No, you're totally right! However, how I get the 2 parts (the blue ones!) of the first div (container) the same?
  18. eduard

    CSS into CSS3?

    t It seems so simple, but it isn't! As you can see I use a separate css style sheet! LinkedIn doesn't!
×
×
  • Create New...