Posted by hywel.jenkins on 10/05/12 11:29

Alan Searle wrote:
> I am building a little web site with 'frames' and would like to simulate
> 'tabs' across the top of the page.
>
> So far I have created a simple frame holder (index.html), I have a top
> frame with menu and then, below I have the contents (which switch
> according to the selection made).
>
> You can view my effort so far at ...
>
> http://www.alse.com/OSD/
>
> In order to make the menu selection (across the top) look like 'tabs', I
> would need to do the following ...
>
> 1. Make the buttons (in the menu across the top) change colour (or
> background) according to what has been selected. Is this possible with
> simple HTML?

Yes, though you'd need to load a different menu frame, too.


> Or would I need to resort to programming? Maybe with
> JavaScript? Or PHP?

Up to you.


> 2. Make the buttons lie flush with the bottom of the header frame (and
> thereby also with the contents below). To do this, I have tried
> experimenting with changing the CELLPADDING, CELLSPACING, BORDER,
> VALIGN, BODY, TABLE, DIV ... but somehow there is always a gap between
> the table (which is intended to simulate buttons) and the bottom of the
> frame.
>
> Any tips on this issue would be gratefully received.

Lose the frames. There's no point using them, especially in your case
as the menu frame is so trivial that there's absolutely no saving in
having it.

There are "issues" with the design, too, at different browser sizes.

--
Hywel

[Back to original message]