Let me see if I can summarize this correctly; then maybe somebody can help me with my current specific problem.
I have a main photo-gallery page with thumbnails only; each thumbnail links to a sub-page (html), which contains the "full-size" (by web standards) photo, along with some text. The sub-pages, then, are "XYZ.htm" for photo XYZ.
The original Album Express version had what I thought was a very ugly:
"THUMBS ::: ==> NEXT"
kind of arrangment. But it was missing a "PREV," too, and I wondered why! I'm used to seeing (and using) a "PREV" also, to go backwards as well as forwards. So, since I was dumping my Album Express page with its tables, anyway, I thought I'd try to put "prev .... next" into my sub-pages. And wow; did I make mess? Yes. But I think it's fixable.
Instead of "THUMBS," I merely put in a kind of "back" button without the button (a simple link back to the main thumbnails page), and I just stuck it in there, not connected to anything, at the bottom or top of each sub-page. I know if I'm browsing, and suddenly decide I want to go back, i like having the back-link at the top of the sub-page. but I seem to have put it at the bottom last night, as an afterthought - bad planning!
When the back-link is at the top, below that, I have my
left-arrow-graphic "prev - next" right-arrow-graphic
and the left-arrow image has a link on it to connect to the previous SUB-page (same order as the thumbnails), and the right-arrow image has one to point to the next image. (duh!)
But when I cut and pasted in the WYSIWYG editor, first, I pasted the same graphic-with-link into each of the sub-pages, and then forgot to check and fix the link contents.
But also, I seem to have run into, and perhaps altered, <div></div> structures. So I need to know where the <div>s and </div>s belong, so I can place them properly, or past the other stuff properly between them, or before or after them, if that's what's needed.
Therefore; here's a kind of mock-up for a sub-page. Where do the <div>s and </div>s go? I seem to have a main <div></div>, and one nested one, on each subpage. Or - oops - it looks as though I have two <div></div>s but they're not nested; one follows the other!(Is that what's caled "inline"?)
(And would I be right to assume that the purpose of <div></div> is to contrain an area of the page so the different page areas don't interfere with each other?)
(And, of course, each <div></div> has to fit on the page! no matter what browser is being used! - I have four browsers to test with: my default, which is Opera, MSIE of course, FireFox, and Netscape 7.2. I'm brand new to Opera, FireFox and Netscape, and you know what *that* means - I didn't even dare try any but IE until I got brave about a month ago!)
MOCKUP for a sub-page with the full-size photo
DOCTYPE
<head></head>
<body [with all sorts of stuff like background and style stuff]>
[link to return to thumbnails (main) gallery page]
[NVU put <div> here]
left-arrow with link to prev; right-arrow with link to next
NVU put </div> here
So, that would be the first <div></div> on each sub-page; the whole thing merely contains the sub-page's sideways navigation links. (Up-navigation is provided by my link back to the main (thumbnails) page, and that part appears not to have any <div></div> stuff; after all, I stuck it in manually, myself - should that link, in effect, a back-button, be inside a <div></div>?
[full-size photo]
Then comes text, my caption, or rather, pseudo-caption, because I don't call it one. It seems NVU put another <div> at the beginning of the caption, but really, I added the caption manually, and that <div> may have simply been stuck in right after I put the image onto the page. So, because I put the (caption) text in myself, I don't know whether NVU thinks my text should be part of a <div></div>, or be constrained in one, or even perhaps have a <div></div> of its own, without apparent relation to the earlier <div></div> that is the graphic pair of links to prev and next.
So - should these two different <div></div>s be somehow related, connected, or nested? Or can each be standalone, depending only on its position on the page- in text, so to speak - for how it's controlled - does it kind of float or drift around the page as needed according to what the browsers do?
In my yesterday's versions, which I'm editing now, at least one sub-page starts the "caption" with <div> (just before the caption-text), and because I had my UP-link (return to main page) at the bottom of the sub-page instead of at the top, where I prefer it (what ever possessed me to put it at the bottom!? I have no idea!) - the </div> occurs only after the up-link. Should it be before the up-link (if I were to leave the up-link at the bottom of the page, but I plan to move it to the top.
I haven't done that mock-up so well, have I! Let me try a summary of it:
----------
DOCTYPE
<head></head>
<body [backgound/links colors and style info>
[Do I put my link back to main page here? before the <div>? Or perhaps add another <div></div>? Or do I start with the <div>, follow that immediately with my link back to the main page, and then follow that with the navigation-links I show next? - that is, right after the next <div>? That would look very confusing to me; I feel as though the line below doesn't want to be fiddled with.]
<div> [prev-next navigation area]</div>
image
<div>
caption of sorts (not called a caption)
[link to main page, or pseudo-back-button, is currently here; I plan to move it; see above]
coments, remarks (text)
</div>
</body>
</html>
------------
Should those last comments and remarks be outside the ending </div>, or stay where they are, or have a <div></div> of their own?
Sun, 05 Dec 2004 16:30:44 (PST)