SnakesBite101

hey please for reference keep looking at how the posts are displayed in this forum. imagaine our names are the blogheading <div class="blogheading"> and our text is the container <div class="blogs"> where we put our heading inside. please look at yours or my post to see if you follow. if you look at my html code, when the page opened the blogheading and its container was directly at the top postion inside <div class="blogs"> . i didnt have to put any positions etc, just like how our names in our posts are at the top. now suddenly, imagine blogheading or your name(blue background) at the top of your post suddenly moves down to where it says dedicated member or newbie. so instead of it being blue, grey, it is now grey, blue grey. the blodheading div has moved down, and its grey container is now visible at the top. im trying to get the blue blogheading back to the top, but its not responding. this repositioning happened by itself. i had'nt touched the page in a few days. if you need me to post my page i guess i can even though i wanted to post it here when it was finished:(

CSS in head div.blogs{width:100%;margin-left:18px;margin-top:20px;margin-bottom:20px;background-color:grey;border:1px solid black;}.blogs img{width:150px;float:right;margin:10px 16px 5px 10px;border:1px solid black;}.blogs p{padding-left:10px;padding-right:15px;} div.blogheading{width:100%;height:60px;background-color:black;}.blogheading h1 {color:white;padding-left:10px;padding-top:9px;} HTML in body <div class="blogs"><div class="blogheading"><h1> some text </h1></div><img src="paul.jpg" style="border:0 solid"/><p> blog content </p></div> sorry my css is not typed out nicely, im working on it:(

i was making a test blog site and it was fine. i was even planning to post it here when i finished but oh well. anyway.. for each blog entry i had it... lets say similar(not really) to posts/comments on this forum. like if you look at my current post, at the start(top) where it writes my name, you see its a light bluish colour(div.blogheader). then the content of my post is grey(div.blogs) <-- it was also the main container for each blog entry, so the blogheader went inside of it. for a new blog entry i made a new div.blog and header etc.. my problem is that, when i made my div.blogheader(background-color:black;), it was the 1st element inside its div.blogs container (background-color:grey.) so naturally it started at the very top position covering the background colour of its container. just like the heading of my current post in light blue being at the very top of the post. i closed the header</div> and put my content(text) in the original div.blog container. everything was fine, it was perfect, ive had it like this for days. studied some Jscript. suddenly today: it randomly has lowered or given quite a lot of padding-top to my (div.blogheader). so the header no longer starts right after its container at the top, say top:0; it now starts further down, and the white background color of its container is now visible at the top before the header. to be honest i dont know if the header was lowered, because the height of the header has shrunk, its like its still there but the top part of its container has been placed infront. the header text has magically ratained its padding to be visible in its smaller header container. i didnt touch this file, i didnt edit it. infact, i had 2 separate copies of the same html file of this site. why have they both randomly changed my settings? and all the code ive used to try and fix it doesnt even have any effect. its like there's a barrier preventing my div.header from moving upwards. is there an explaination for what has happened? thanks:(

ok thanks guys

what is web studio, is it important to have? do most designers use this type of software to build their sites?

thanks CodeName. you might not know but you've helped me a lot in my web training

ohhh?? i made another topic about this and asked how it was done, by a <select> or list tag... i guess ive been confusing myself for 2 long on this one:(( its the last paragraph i thinkhttp://w3schools.inv...showtopic=43789

hey thanks CodeName. i wondered if i could ask another unrelated question. i used a <table> to make a horizontal navigation bar and it works fine, each <td> heading is clickable, but i tried to add a drop down menu to my last heading and it doesnt seem to display the drop down list. i have my code please can you or anyone else tell me why it's not working: <td><ul><li><a class="menunav" href="">FORUMS</a><ul><li>Movie Discussion</li><li>Multi Media</li><li>Teck Talk</li><li>Gaming Discussion</li><li>Everything Else</li></ul></li></ul></td></tr></table> thanks

hey guys i have 2 questions about inserting a media player onto a html page. i know html5 has made this very easy with including its own player but: 1) if i wanted to display an embedded video from lets say youtube or a streaming site. what is the code and elements to insert/embed the player onto my page? 2) In the past i've seen site pages display a windows media player. it wasnt embedding from another website so im guessing it was from their own hard drive/site folder?? if i want to display one of my own windows media videos on my page how do i go about doing this? i dont actually have a site, im just trying to gather up all the html skills i would need to make a decent site. thanks all

thanks on the info CodeName

can you tell me about flash please. it that for raster or is that something totally different? when i had to reformat i couldnt view pages unless i installed flashed also is notepad++ the same as notepad being a text document but with more features? is this worth a download?

thanks guys i appreciated the help. @ niche. youre right. being new i wont always know whats best. but i can take a lot from what you said. i'll definately be hanging around on this forum! thanks:)

hey all. I'm striving to learn web related stuff. i dont want to master anything just yet, but i want to be a jack of all trades for now. i'd like to have good knowledge in all (designing, developing. programing etc..) but not be an expert in any. this is for now, with years i hope i get all. i was trying to figure out skills and the software tools i need to be a good web designer. please list them for me if you can. i was told i need to be good with graphics, it will greatly improve my layouts etc.. so i ask, what are the benefits and differences between photoshop and gimp? i don't want to be a photographer who works with pictures etc.. i just want something that improves layouts.. or also something that edits pictures. i struggle to zero results with clip:shape( ) in CSS when i need to cut a pic into size. so being able to edit pics without css would be a nice option. also i want something that can create fancy looking navigation menus and buttons to make it clear as that might be hard to answer. the main things are: a) which software programs can aid a designer to make great looking website layouts? why is a software program needed. Can't CSS achieve equal results?c) which software programs can create great looking navigation bars and buttons etcd) once you've made a navigation bar outside of your html document, how is it possible to insert it into your html document? what methods are used?e) can gimp and photoshop achieve all these things? what other programs do i need to be a good web designer?f) any good tutorial sites you can recommend?

hey thanks the new code works fine. i knew it was on my end. i recently reformatted my PC and i havent yet installed the new IE yet, still on IE 7:) i guess thats a good thing as i've learnt more today. thanks again

it must be something wrong on my end but on that site you gave me, without all my code, it prompts me for a last name, but i don't get an alert of my last name.

hmm for some reason this code is failing to alert me, not sure why

thanks a bunch codename it worked perfectly:)

thanks guys i undersrtand. i'm getting it a lot more now. I've been playing around with user data, and i was trying something but have'nt got it yet. here's what i'm trying... i prompt the user to enter a last name which i will store in a lname variable. once i've recieved the value, i change the variable so that i automatically capatilise the 1st letter. Then send an alert to the user displaying his last name with the 1st letter capatilised. here's the code im trying with no luck yet. var lnamelname = prompt("what is your last name?","");lname = lname.substr(0,1).toUpperCase();alert("Your last name is " + lname); substr, substring etc capitalise the 1st letter but deletes the rest of the string. if i use substring(0,5) it capitalises every word. please any help on how i can just cap the 1st letter with the rest remaining lower case?

thanks i really appreciate the help ingolme. i dont think i ever saw new Date() being inside brackets/parenthesis. i'll definately include this from now on.

thanks for all your input and advise guys.

thanks very much it worked! can you or anyone else please help me out on this one aswell copy and paste code here: http://www.w3schools...form_validation <!DOCTYPE html><html><head><script type="text/javascript">function month(){var x = new date().getDate()if (x <= 11) { alert("not yet time, please be patient");}else if (x >= 11){ alert("sorry you missed the deadline");}}</script></head><body><form><input type="submit" value="Submit" onclick="month()"></form></body></html>

i understand this explained but can't even get it to work. please copy and paste my code here: http://www.w3schools.com/js/tryit.asp?filename=tryjs_form_validation and please explain to me why my alert msg isnt displaying. what am i doing wrong? thanks <!DOCTYPE html><html><head><script type="text/javascript"> function validate()var x = document.forms.test.userName.value;if(x.length==0){alert("please enter a username");return false;} </script></head><body> <form id="test" method="post" onsubmit="return validate()">Username: <input type="text" id="userName"/> <br/>Password: <input type="password" id="password"/> <br/><input type="submit" value="sign in"/></form> </body></html>

html and css were pretty straight forward to learn(not master). still studying those 2 subjects but i've started on Javascript. i generally read through the JS tutorial while studying the other 2, but now i know how to build a static website (with no functionality at all) i read through the the JS tutorial again. it starts off easy(or so it seems), then gets pretty tough towards the end advanced setion. i use the word easy, loosely, because while its easy to read through and understand, trying to put this easy stuff into practise and to perform given tasks seems almost impossible. An example, ive understood everything about loops and conditions in the tutorial but on another site i was set a task that asked for WAYYY TOOO MUCHHH. it wanted me to do: if, else ifs and do__whiles.. and mix them together in the same script/function etc... also to incorporate the use of logical & comparison operators in my tasks. i understand how the operators work but coupled with everything else it got too much. nothing on the tutorial prepared me for the level of depth involved in this. its so upsetting thinking all my efforts are not paying off and this is only entry level exercises:( i havent even made it to forms yets. i hate to think of how fraustrating the advanced level must be. so my question to you guys is, How long did it take you to learn or Master JavaScript? years? months? was it straight forward or very complex for you? can this be learnt via tutorials like on this site without the need of tutors/classes?

ah the list thing is very easy. thanks for the help!

hi all. i saw on some websites they use more than 1 shade of a colour(say blue) as their background colour. can someone please tell me how this is done? like 75% of it would be dark blue, the remaining 25% is an even darker blue. but it blends perfectly. also i see on some sites, their background image covers the whole page. ive tried to largen all my images but i cant get an image to fill the whole page, or even half of it. Can someone please tell me how to achieve this? i've made my 1st test website. im so proud:) but its so very basic. can someone look at this website and tell me how they achieved that very top navigation bar which includes a site logo and login section? http://www.capcom-unity.com/ i thought it was an image but couldnt save it. that couldnt possible be a background colour could it? with different shadings? also how did they insert the logo which isnt an image? but yet still a clickable link? i dont need an exact answer but possible ideas on how they achieved it please. also when you highlight a certain menu, you see how that black colour hovers and doesnt just appear? so thats not via a:hover. any ideas? is that the results of something outside of CSS? my last question is a html one but please answer if you can. on a menu bar, sometimes you can include a drop down menu when you highlight a link heading. is this achieved with the <select> tag on html forms, or is this simply a List element at work? ive tried exploring things that were'nt covered in the html or css toturial but i just need to know which answer of the 2 is correct so i can investigate the right result, not the wrong one:) thanks to everyone who can offer me any help at all. you dont have to answer all questions. thanks again.