-
Posts
2,375 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by eduard
-
-
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!what did you do try and solves the problem? Double check your path? spelling? casing? you can open up your error console in your browser and any broken links should appear there. compare that path to the location where the actual file is. -
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>yes! so simple and yet you forget it time after time, trouble is with the code you have now, any help we give, we end up going round and round in circles, as usual. And yes is could have been the answer to your question, as you would have fully corrected code to work with, any if you actually tired to do the work yourself (unlikely but here's hoping) you would found it would have worked now! -
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!Validate, you know we talked about this endless times, your html is absolutely #@;? as usual, for once in your life take note of what we tell you to do, AND DO IT! -
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!To my mind, just being a block-level element makes something a container. So if you wanted to use CSS to make a span display as a block element, I guess that would make it a container also. Is there a particular problem you are trying to solve? Or did you read something in a book you want to understand more carefully? I ask because I know you want to improve your skills, and this concept seems so unimportant, you might spend your time on something better. -
All the css of an element makes it a container?Almost any element can be thought of as a container. I usually think an element is a contained if it displays as a block and is normally used to hold other things. I think of a div as a container. The new header and footer elements work like divs, so they are also containers in my mind. I do not usually think of a link or a list item as a container. Container is not an official word used by the W3C, so other people may have different meanings for it. -
Many thanks!A beginner's question: What's exactly the difference between a container and a div?1. Since your body background is black, add a margin-top to the first div on the page. 2. Add a black background to the first div on the page. 3. Add a wide black border-top to the first div on the page. 4. Insert a black div at the top of the page. One of those should work. 1 and 3 will not allow you to have content in the black area; 2 and 4 will. -
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 */}
-
Thanks very much!Example of a function: function ave( x,y ) {var z = (x + y)/2;return z;} Once this function has been declared it can be used elsewhere. Your code can simply call it. var myAverage = ave( 33, 67 ); http://www.w3schools...s_functions.asp An event is something like a mouse-click or a mouse-over or a page-load. In order to monitor a particular event you assign it to a particular function which is then considered an "event handler function" for that event. http://www.w3schools...ldom_events.asp -
Thanks very much!An event is something that changes the environment. Many events are caused by the user, like a click or mousemove event. Events also occur when the page stops loading, and when an image stops loading. A function is a set of instructions that get executed whenever the function is called. A function can be called when an event fires. For that to happen, your program must bind the function to the event. There are several ways to do that. You've probably seen this:function sayHello () { alert ("Hello");}document.getElementById("myButton").onclick = sayHello; // notice there are no (parentheses) used in the assignment
There are other ways to bind a function to an event. element.addEventListener is the W3C standard.
-
Thanks very much!An event is something that changes the environment. Many events are caused by the user, like a click or mousemove event. Events also occur when the page stops loading, and when an image stops loading. A function is a set of instructions that get executed whenever the function is called. A function can be called when an event fires. For that to happen, your program must bind the function to the event. There are several ways to do that. You've probably seen this:function sayHello () { alert ("Hello");}document.getElementById("myButton").onclick = sayHello; // notice there are no (parentheses) used in the assignment
There are other ways to bind a function to an event. element.addEventListener is the W3C standard.
-
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?Video and animation are not very impressive. The best work is done by specialists in those fields. Being able to add them to your page is as easy as adding an image. But good video or animation will draw attention away from what YOU can do, and bad video or animation will make you seem foolish. I suggest that you start with someone else's web page that you like. Not because it is complicated or has fancy tricks, but because it looks good and organizes the content well. Without looking at the HTML, try to copy it. Then change the images, and color and text, so it becomes YOUR page. -
Found it! (tools)How can I see the code of a website in Google Chrome? -
How can I see the code of a website in Google Chrome?
-
Thanks very much! Very good suggestion!Video and animation are not very impressive. The best work is done by specialists in those fields. Being able to add them to your page is as easy as adding an image. But good video or animation will draw attention away from what YOU can do, and bad video or animation will make you seem foolish. I suggest that you start with someone else's web page that you like. Not because it is complicated or has fancy tricks, but because it looks good and organizes the content well. Without looking at the HTML, try to copy it. Then change the images, and color and text, so it becomes YOUR page. -
Thanks!You should always use the most modern technologies. There's no reason to use HTML4 or CSS1. But just using modern technologies doesn't make anything look professional, you still need to create a good design and then implement it. -
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?At www.eduardlid.web44.net, there are only two divs (#container and #main) Or are we talking about a different page again? Could you give a link to the exact page with the problem? -
Many thanks!Ok, I did not look at your code so I should not have commented or jumped to a conclusion. And I have to admit that I don't really see much value in this and wonder if I may be misunderstanding what you are wanting to do? In your code I merely add an id to the bottom of the css file...#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 */}
And then I add an id to the image...
<a href="http://ar.linkedin.com/in/eduardlid"> <img id="rot" src="Eduard%20Lid_files/btn_viewmy_120x33_es_ES.png" alt="Ver el perfil de Eduard Lid en LinkedIn" border="0" height="33" width="120"></a>
-
t It seems so simple, but it isn't! As you can see I use a separate css style sheet! LinkedIn doesn't!Why is something so trivial a problem when there is a clear example? http://www.w3schools...dtransforms.asp<html><head><style>#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 */}</style></head><body><div><img id="rot" src="btn_viewmy_120x33_es_ES.png" alt="linkedin"/></div></body></html>
Html doesn't link to css sheet?
in HTML/XHTML
Posted