-
Posts
2,375 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by eduard
-
Haven't done anything about it??? (3 hours) (I always try myself first, because I hate to wait!)
-
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!
-
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>
-
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?
-
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 */}
-
What do I have to put in the <head> and what as <title> for a html5 document or where do I find this?
-
Oops, forgotten! (thanks!)However, validating is simple! Not the answer to my questions and those I haven't!
-
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 */}
-
Ok, thanks!
-
All the css of an element makes it a container?
-
Many thanks!A beginner's question: What's exactly the difference between a container and a div?
-
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 */}
-
What's exactly the difference between an event and a function?
-
Someone suggested me to use free templates! I don''t like them! However, what do you think of this suggestion?
-
How can I see the code of a website in Google Chrome?
-
Thanks very much! Very good suggestion!
-
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?
-
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?
-
t It seems so simple, but it isn't! As you can see I use a separate css style sheet! LinkedIn doesn't!