Posted by dorayme on 09/30/00 11:26

> From: Jim Scott <mr.jimscott@Xvirgin.net>
>
> On Mon, 12 Sep 2005 11:52:54 +1000, dorayme wrote:
>
>>> From: Jim Scott <mr.jimscott@Xvirgin.net>
>>>
>>>> dorayme
>>>
>>> Thanks you for your very thorough reply.
>>> Various bodies moan about frames so when I saw this:
>>> http://www.nvu.com/demos/frames/frameSimulate.html
>>> it got me to thinking. Not a thing that happens often.;o)
>>>
>>> I got 'so far' but could not get three panels in the arrangement I
>>> currently use. I cannot work out how to get the boxes side by side rather
>>> than one above the other.
>>
>> I truly think you should reconsider a top panel like that just
>> for a home and next button. You have so much room in the content
>> panel, above and below the picture. Then it is so simple. You
>> have a left panel with the links, if you must have thumbnails -
>> against my advice :) - then style the left div to centre all
>> with devices like margin-left:auto, margin-right:auto and give a
>> padding for grace esp if you might put a nice right border (it
>> might be a bit severe all black and no border!). You float this
>> div "left" and your other div is just a straightforward exercise
>> in html and css: I would have an <h1>Title of pic</h1>, style
>> this to center by say margin-left:auto, margin-right:auto and a
>> width of a suitable em, a font-size you fancy - 140%? Then a div
>> (styled similarly but now you know the width in px because it is
>> your pic). Then a following div or p with a next and home link,
>> centred underneath. Should be a simple clean look.
>>
>>> I understand your comment about the home button in a frame in its own, but
>>> if I move it to the main frame it becomes a positioning problem if the page
>>> is displayed on 800 x 600 which I'm sure happens a lot of the time. Then
>>> WHAT buttons do I have, 'home' and 'next' or 'home', 'next' and 'back' OR
>>> only 'home' and so enforce use of the thumbnails every time?
>>>
>>
>> I can't see why you see a problem on a small screen, even the
>> tiniest? You centre such simple and few links and they will
>> always be there and centred. See above.
>>
>> dorayme
>
> Sorry, it's morning and I'm not thinking straight :o(
> Thinking 'in frames' for the moment so I can see the layout clearly.
> You suggest 1) the thumbnails frame is to go from top to bottom
> 2) a new frame above the enlarged photo with two buttons 'home' on the left
> and 'next on the right (with page header text between?)
> 3) the main enlarged picture below?
>

There are two issues. One is about my suggestion for improving
what you have using frames, the other is about replacing the
frames. It gets complicated because in my advice about replacing
frames, I assume my advice for the improved frames version. I
hope you will allow me that liberty...

Yes, (1) is ok. But on (2) no, be rid of this top frame! There
are good reasons to do so. I will not state them here. Just have
a right frame that contains the picture pretty well as you have
done except for a simple change: put in the home and next text
link on it (top or bottom and nicely centred). Look again at my
suggestion for a heading for the pic. The home button will
simply be repeated the same on each content (right frame) page,
the next button will require you to do a little work: put in the
code for the actual next page, unique to each page. You don't
have a million pics, it won't take you long... In all this,
nothing is being said about css or tables, do whatever you are
comfortable with.


> In a wider context; placing graphics without tables is something I have not
> been able to get to grips with whether on the context of html or using css.

If you stick your pic in a

<div
style="width:thePicsWidthpx;margin-left:auto;margin-right:auto">
<img src="" etc</div>

Bob *will be* your uncle and you won't
need a table for so simple a thing. You can do the same for an

<h1 style="as above but width in ems maybe to suit the actual
text>heading</h1>

and <p> and all sorts of other tags...

You can get this "inline style" (my style="" stuff) out by
simply making an external style sheet with classes or ids and in
the html page you put <H1class="myNicelyCentered">. But for now
just use inline as it will help you "lay things out" before you
learn to separate content from style better...

dorayme

[Back to original message]