ap ki tarha log chahiye youtube per jo basics per sahi kaam kare. html css tu sub sikha rhe hein magr koi khud se responsive banane ke method nhi batata sirf copy past jis se learning nhi huti. You deserve more subscribers !
This was a nicely explained video. Your skill of explaining intricate things in easy way is highly appreciated. You made learning easy and at the same time interesting also. I thank you for that. Keep it up. Good work. God bless you.
Excellent sir I want more knowledge from u because I think you are best teacher to teachs the students therefore students are easily understand your method..
I want to attribute your name as simplifier because you make everything easy and simple. You're simply genius teacher. A heartfelt warm wishes from India
very nice sir, I am poor un educate to HTML, CSS & JAVASCRIPT, But I need and what to job continued here still web developed company. and I would like your style to learn and concepts
really good explanation hai aplka, apka video dekh kar to bail bhi web page banana sikh jaynge sir , ithni acchi level or understading teaching style awasome , Hearlty Thanks
Bahut achche video banate hai sir aap Ek bat apki bahut achchi lagi aapne dream viewer use karne ke liye mana kiya because ek developers ko khud se sara code likhne ki adat honi chahiy. Main apke video ko follow karta hu apka XML tutorial bhi very very nice .
Kya aap bata sakte h ki HTML aur CSS k shru se kese seekhe ye mere liye thoda advance h, to samjh hi nahi aata, HTML 5 kya h, HTML 1 konsa h ? Kya aap bata sakte h ?
Follow the learning sequence of my paid course proetutor.com/course/watch/html5-and-css3-front-end-development-course-from-scratch-to-expert-urdu-hindi
This lesson was published in 2015 and you commented on it in 2020. In this whole time a lot of stuff has been changed. At that time when I recorded this video, there were some drawbacks using display:inline-block for many reasons. Now you can build layouts using display:inline-block. If you want to target only latest browsers then you can use flexbox model which is way cooler than float and inline-block. Whenever you build web pages, It's not just you choose one thing over the other without even thinking what should you choose, why should you choose a certain thing and what are the pros and cons. It's always some research prior to build out some quality product.
Can u explain me....if we take list of sport like cricket,hockey....on left div .and when I click on any sport his information will display on next div.....
Ye kaam plain JavaScript k through b karwaya ja sakta hay aur agar ap server say response get kerna chahtay hein without refreshing the page, to b possible hay. Here goes to logic: 1 - Attach a click event handler with some section on your page. 2 - Select the section (where you want to show the info) and set the HTML content in there using JavaScript 3 - In case of AJAX request, send an AJAX request to the server, get response and show it in your desired section. Use jQuery instead of vanilla JavaScript. It will dramatically simplify things.
What made you confuse on line number 8 If you are confused about floats, watch this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rLZBAbZ3K20.html
@keyframes effect{ 0%{background-color:orange; left:0px; top:0px;} 25%{background-color:yellow; left:400px; top:0px;} 50%{background-color:red; left:400px; top:400px;} 100%{background-color:purple; left:0px; top:400px;} } my element change color but not moving as i coded in left top can some one help
Hello Assad for some reason, my navbar width is smaller than header width. 100% i followed your lesson and completed this exercise. I tried setting the width to 100% but it didn't work. I tried width:device-width; but it still didn't work. Can you tell me the reason why this navbar appears smaller than the header width and how to fix it please?
Bhai .. layout create krne ke liye sabse best way kon sa h ...CSS flex- box , css-float , css-inline block , css- grid, ...I m. Confused bro plz ek vedio bano 4 topic pe ...aur batao en Charo propertes ko oral clean Karo Bhai ..kisako use krne se ky ky benfit h ky loss h ..only oral bata do Bhai .plz
bro jo apko sb sy pehly smj ma aa jay woi best ha jesy hi ab dusry tesry method ko seekhna shuru krin gy ap mix hoty jain gy mushkil lagta jay ga isliye jo easily pehly smj aa jay usi ko ly ky agy bharin
Layout making is all about your logic that you go about defining different sections of your web page. Watch this video of mine to get the idea: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EmeaS3qvr0w.html
Well step by step samjhaney k liye thanks a million tonnes. ... Bro main 3 year ka course kar raha hn..... software engineer. .... or first line thi ms office wo finished hugya ab Web designing hai tu ap ki ye video bht passand ayi ...... main drmwvr use karta hn ??????
First of all thank you so much for liking my video. Now the answer to your question is DREAMWEAVER is a legacy tool aur is say door raho. Actually bohot sari reasons hein but mein apnay answer ko short rakhna chahta hon. Use developer tools in the browser jis tarha menay is tutorial mein use kiay. Code automatically generate mat karna. Practice karo aur code ko learn karo. Ab wohi banda successful hay jiski coding k sath achi understanding hay. DREAMWEAVER ko us waqt introduce karwaya gaya tha jab websites banna start hoi thin aur log iskay visual tool ko use ker k HTML aur CSS generate kar letay thay aur agar ap b issi chakkar mein rakho gay to achay coder nahi ban sako gay. Bohot sari options hein ap k pas text editors ki. For example: 1 - Notepad++ 2 - Sublime Text 3 - Brackets 4 - Atom 5 - Netbeans 6 - Eclipse ..... and many more.
Bohot saray stupid teachers hotay hein to student ko force kertay hein k wo dreamweaver istamaal karain kue k aesay teachers ko khud kuch ata jata nahi aur apna time bachanay k liye wo kisi b student ka satteya naas ker detay hein. Is bat pay thori Google research kerna and you will get the answer to your question for sure.
Dear sir, I'm writing from Bangladesh. First I'd like thank you for making such a wonderful tutorial for us. I've a question - Here we use 2 divs as a child of container div. But what we should to do when we have more than 2 divs under container? pls describe.
There are more than one techniques to handle a HTML structure. If you think your header, footer and content has the same width, you can put them all in one container. If you think your footer and header will have full page width and content will have different width, you can then put header and footer outside of the container.
Sir, Actually I want to know here you control '#left-panel' & '#right-section' div under 'container' div by using '#container::after' display' float' & display'. In this situation if I have 3 or more divs like '#left-panel' & '#right-section' as a child of container div, can I control them this similar system? Last night I tried it by taking 3 divs like '#left-panel' & '#right-section' . it is properly controlled. If I have 3/4 divs under #right-section or #left-panel, can I control them the same way?
There are situations where you need to put a div tag to clear the float after floated elements. Watch all of my tutorials related to float and float clearing techniques and you will get the idea.
By the way the code used in this tutorial supports all browsers and work consistently. If it's not working on your computer, you must have made a mistake somewhere for sure.
میں نے آپ کاDiv tutorial دیکھ کونٹینر بنایا بہت کچھ سیکھا لیکن مجھے نیوبار میں مینیوبار میں اپس میں linkکرنا نہیں اتاکہ اگر میں نے content میں گوگل کھولنا کیسے ہے برۓ مہربانیreplyکرے اور میری مدد کر دے
@Malaika Mumtaz please ap english letters use kar k urdu likh liya karain kue k jo urdu font browser use ker raha hay wo itna clear nahi hay k theek say read ho sakay.
The newbie developers get confuse about the use of DIV tag so I just concentrated on how to use div tag to make web page divisions. Next it's just a matter of replacing semantic tags with the elements having the same id selectors name since all these semantic tags are the special type of DIV tag.
Not a good idea for now since it does not have a good browser support. Whenever you want to use some new, just make sure it has a good browser support as per your needs. Use this website to check browser compatibility related to CSS properties caniuse.com/#search=grid;
You suppose to put the logo in the maroon section which is located on the left top corner. Just put an img tag wrapped in an anchor tag and you are done. Id if you want to put the logo in the center of that logo section, you can use text-align:center on logo container.
hello bro i want to go forward to developing field that time i am low level it level post job but i decided and interest in web developing section i love editing video blogging but m fresher dont know about how to start nd change line m beginner in this field please guide me
Simple answer to your question. Do not go forward if you don't like development stuff. If you like this field, it's going to be best for you. First decide do you want learn front end development or back end development?
i like front end and i have some knowledge about html nd Joomla mogento but long gap no job got that s reason leave field but now i am interested if possible in this field as work in freelancing
You really need to work on your basics. Using display:inline will surely mess up stuff. An inline element cannot respects margin top, margin bottom and same is the case with pedding. So it's better to keep the element block level.
Mushkil kaam nai hay semantic element use ker k layout banana. Tamaam semantic tags self explanatory hein. Click this link to take a look at that semantic tag example: www.w3schools.com/html/html5_semantic_elements.asp Click this link to take a look at how you can transform your code using semantic tags: www.w3schools.com/html/html5_migration.asp
Dear the answer to question is obvious. IF YOU ARE NOT ABLE TO CREATE THE WEBSITE THAT MEANS YOU LACK BASICS. DO A LOT OF PRACTICE TO IMPROVE YOUR BASICS AND THEN ONLY YOU WILL BE GOOD TO GO.
Watch these videos one by one to learn how to properly use float and display inline-block: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rLZBAbZ3K20.html ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WuuKeZ-u4kM.html ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4sXi5Wp0VNM.html