How to Overlap an HTML Div Tag

Next Video:
How to Have an Auto Player on Your Tumblr Blog....5

Overlapping an HTML div tag is something you can do in any HTML editor you have access to. Overlap an HTML div tag with help from a programmer and web designer in this free video clip.

Part of the Video Series: Web Design & WordPress
Promoted By Zergnet


Video Transcript

Hi, I'm Omar, and I'm a programmer. Today, I'm going to show you how to overlap in HTML DIV. I'm also going to show you how to prevent that functionality from happening. So, open up your favorite HTML editor. I'm using Text Edit for convenience sake but you can use Notepad or Notepad Plus Plus, whatever suits you best. Okay as you can see, I already have some boiler plate HTML codes set up. I have a DIV which I call DIV 1 and I also have a second DIV which I'm calling DIV 2. So if you were to go and put the style of the first DIV to top say 10 pixels, left to say another 10 pixels and maybe you can add a width of 20 pixels and a height of say 40 pixels, and if you add the same thing to your second DIV and just change the top to say 15 pixels, these two DIVs will be overlapping. But if you want to change the functionality so that they don't overlap, you can set them with style sheets to auto scroll by adding the tag auto scroll to true. And if you do that, then they will no longer overlap. I'm Omar, and I just showed you how to overlap in HTML DIV using style sheets. Thanks for watching.


Related Searches

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!