Webmaster Forum / HTML, CSS, Scripts / CSS / October 2004

I would like to move a frame based website to a non-framed based site
using CSS.

The problem relates to having an equivalent of frames and targets and
moving them to CSS.

The site has two frames. One on the left for navigation, the other on
the right for information. Users it to navigate on the lhs and pick
out a report, the report then gets displayed on the rhs. All fairly
normal.

Currently the lhs contents are all xml files, as is the rhs. Style
sheets are attached to the xml files to render them into html. I want
to move to the next step and render using CSS. Setting up the CSS
style sheet isn't a problem.

The problem is with the navigation.

Currently it is like this.

In the sidebar (lhs) frame there is html like this.
<h3>Folders</h3>
   <ul>
    <li>
    <a href="TESTADS/Index.xml" target="sidebar">TESTADS</a>
    </li>
   </ul>

The next index file drills into to the reports, and works in the same
way.

Finally, the reports are selected as follows:

   <ul>
       <il>
           <a href="NickTest_20041028.xml" target="main">20041028</a>
       </il>
   </ul>

Here, the target is the rhs or main window.

With Frames this is fine, but it doesn't look good.

I would like to do it with CSS.

Can't find anything by searching, but how do I target files to the CSS
equivalent of frames.

Nick