CodeNique - Free Tutorials on HTML, XHTML, CSS and More Online!

Now if you remember back to the "How To Create A Simple Frame Using The <frameset> & <frame> Tags" tutorial when I stated you can place images in the <frame> tag using the src attribute, well now I am going to show you how to do this. First, you will need an image of any kind, then you will just have to place a link to your image in the src attribute in one of the <frame> tags.

Now in this tutorial I’m going to show you how to nest your frames. The possibilities with nesting frames are endless once you know how to do it. There is no limit to how many frames you can nest but don’t get carried away, it can make things difficult for web users.

Now let me show you how to change the colors of your frames and framesets borders by using the bordercolor attribute.

In this tutorial, we are going to create a simple navigational frame. We will need the <frameset> tag along with the cols attribute. We will also need two <frame> tags with the src attribute. In addition, our last <frame> tag will also need the name attribute.

In this tutorial, I will show you how to create another navigational frame using the <base> tag. Now if you remember the source code from the last tutorial "How To Create A Navigational Frame", we will still be using the same code except for the exception of the <base> tag. We will also be removing all the target attributes from the <a> tags in the frame_nav.htm web page. In addition, we will be adding the target attribute to the <base> tag. So instead of having many target attributes we will only need one, which will be in the <base> tag.

Frames are a great way to display multiple viewable browser windows on one web page. For instance, say one frame might hold your company logo or banner while the other frame holds your navigational menu and your third frame holds your main content for your web page that can be changed by clicking a link in the navigational menu frame, all from the same browser window, this will take place.

Now if you ever played around with the frames borders you would of noticed that you can resize each frame by dragging each border left or right for columns or up and down for rows. To stop this just use the noresize attribute to stop users from resizing the frame. By default, users can resize frames even when you specify the size of the frames. In some browsers when you place your mouses cursor on the frames borders it will turn into a left-right arrow indicating that your frames are re-sizeable.

Now in this tutorial I am going to talk about the scrolling attribute. Now frames display vertical and horizontal scroll bars when the contents of the frame are more than what the available window space allows. However, you can add the scroll bars to the desired frame if you want by placing the scrolling attribute inside the <frame> start tag.