Britnett | The Largest Website and Website Design Company in the UK | Britnett Support Over 2000 UK Clients | Make Your Business Fly On-Line!

There are two I-frames running on the new site, One is the main content and the other is the news scrollbar. I-Frames are perfect for highlighting quick link information and can be adapted to fit many, many different applications.

The beauty of this design is there is only ONE main page and ONE set of main links, only the content changes via the main page links.

I-Frames - How To Add
I-Frames - How To Add
Contact Britnett With Any Questions
Email A Friend About This Page
Related Items In This Category
» Up-Grade Space Allocation on a Britnett-Carver Website
» Britnett-Carver Product Sheet
» Britnett Carver Support Host
» FAQ's Website Help
» Website Check and Tidy - Special Offer
» ADV Package; for Websites over 130 Pages and Shopping Cart Websites
» 7 Signs You Should Edit Your Site
» Add Spell Check To Carver
» Links Opening In Another Window
» I-Frames - How To Add
» Back Up Your Website Data In Carver
» Auto Image Sizing
» How To Get Carver To Talk To PayPal
» Refresh the DNS settings manually on your Machine.
» Question: 'How Do I Add A Site Counter in Carver?'
» How To Remove 'Breadcrumb Trail' From Content Pages
» Recommended Resolution For Your Britnett Carver Business Website
» 'Add To Cart' Link now on Product Category Pages
» Setting and Fixing The Width Of Your Website
» DDA
» Britnett NS Details - For Carver2 Websites
» Brochure Example Website - St Leonards Hotel
» Brochure Example Website - Addisons Estate Agent
» Brochure Example Website - The George Hotel, South Molton in Devon
» E-Commerce Example Website - Windrow Sports
» E-Commerce Example Website - Trojan Horse
» E-Commerce Example Website - Coast2Coast
» E-Commerce - Snack Trap
» Information Example Website - Go Gecko
 

My site is composed of I-Frames to display both main content and the CQD news box. It may look complex but it is fairly simple to accomplish. A good working knowledge of tables and table attributes is the key to successful I-Frames. Inline Frames are more commonly called I-Frames and it is basically a table with an I-frame of another separate page targeted to open in that table.

The main page is one graphic, which I made in PSP. I then sliced the main graphic down into some 40 or so smaller graphics and PSP generated it into html format. I inserted the html into a page and you see the end results. All I had to do was add the links and content. The "box' is the main table of the site. You are not limited to this type of utilization. Any table on your page may contain an I-Frame if targeted correctly.

For the particular table simply insert the following code...

<iframe id="datamain" src="cqdstart.htm" width=520 height=390 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto name="cqd1"></iframe>

  • Change the height and width to fit whatever you like/need.

  • Scrolling can be set to Auto/Off or On. Depending on if you want/need a scroll bar in the table

  • src="cqdstart.htm" stands for the main page the I-Frame will load in.

  • pagename="cqd1" stands for the target frame

    You have to give the frame a name such as I did. I used CQD1
    There is no code     is inserted into the page which you want to load in the particular I-Frame...

    The coding goes into the link from the main page. for example...

    <ahref="cqdpriv.htm" target="cqd1"onMouseOver= "VMaxOver(this, 'im1', 'rolloverprivacy.jpg')"><IMG NAME="im1" SRC="Image2_1x2.jpg" border="0" width="44" height="37"></a>

    This is the code I used to get it to load in the main table and at the same time apply the rollover effect. Instead of target_blank or target_self etc.. you target it to the particular NAMED I-FRAME TABLE. as is mentioned above.

    Below is a list of I-Frame attributes used when setting up and targeting your I-Frames.

    Attribute

    • Representation

    Description

    src

    url

    Points to the initial address of the content to be used in the I-Frame.

    name

    string

    Name of the I-Frame, to use in conjunction with the targeting.

    height

    Numeric

    The height of the I-Frame.

    width

    Numeric

    The width of the I-Frame.

    frameborder

    1

    Specifies the width of the border for the I-Frame; 1 is the default.

    marginwidth

    Numeric value in pixels

    Set the size of the top and bottom margin inside the I-Frame.

    marginheight

    Numeric value in pixels

    Set the size of the left and right margin inside the I-Frame.

    scrolling

    auto

    Scrollbars appear as needed.

    yes

    Scrollbars will always appear.

    no

    Scrollbars will never appear.

    Website Design Specialists UK
    Britnett Training Services Ltd T/A Britnett Web Services
    Copyright ©1999-2009
    All Rights Reserved.
    See the mail Britnett Website Services Website www.britnett.co.uk