|
a Webpage problem
Wed, 21 Jun 2006 11:03:04 +0100
uk.people.silversurfers
previous
Old Grizzly...
|
It is not finished but i just cant get the two frames on the home page
to align with each other ,........ the photos bit and the header bit.
Any ideas? html confuses me ;-) but as i say its not finished yet.
John the R-T...
|
I think it is to do with frames. I never could get the content lined
up as I wanted using them.
Even at 1024x768 I have to scroll right to see the thumbnails.
BTW, some if not all of your links point to your My Documents. :-(
| href="file:///E:/ALLDATA/my%20documents%20new/My%20Web%20Sites/DSC_0493.html"> src="./assets/images/DSC_0493_tn.jpg" border="0">
|
pmj...
Saxman...
|
What software are you using to create your web page if any? Sometimes
it is better to put objects into individual frames. That way, one can
move images around independently without affecting the alignment of
other objects on the same page. I had a look at your HTML code (right
click/view page source (or view source) and viewed the HTML code. You
can see that some elements are aligned LEFT. Changing these to CENTRE
might help. You can always revert them back if things do not work out.
You will have to do this on your local drive though, and view them in
your browser to view the changes. If OK, save the changes and upload
again.
I am only a novice, but this might help.
|
Ali...
|
Possibly the best way to avoid getting confused by HTML, is to write it
yourself, rather than letting a WYSIVWYG (V=vaguely) editor put a load of
extraneous mark-up in. Always specify widths and positions in percentages
rather than pixels, that way the elements generally keep ther relative
positions whatever the size of the window, or the size of the font. (I know
pmj mentioned that you can't control window size; you can't control font
size either - the user gets to choose both (and the colour scheme, if she
really wants to).
Looking at the code source;
The fifth, seventh and eighth non-blank lines in the main frame are
pmj...
pmj...
pmj...
|
First thing is to try to get away from (try to get out of your mind)
the idea that any Web Page will be Viewed on any Particular *Screen*
Size!!!
You (as the Web Page Designer) have no Control whatsoever over the
*Sreen* Size (resolution) that anybody might be using to View it.
Also, you can't Control the *Browser* Window Size either (which is
actually what matters, not the *Screen* Size.
So, you need to allow for those facts & design Pages that *aren't*
dependent on Lining things up by Pixels.
You will *never* be able to get a Page that looks as you expect
or intend in all Browsers, (or on different Machine, with different
Settings) so it's far better to Design it to *allow* for that...
(not using precise, Pixel measuremnts) - Design it so that it sort
of "Flows, "Fluidly" with *Relative* Positioning, not Absolute
Positioning.
Yes, that prolly needs a whole rethink, but it *can* be done...
Using the Techniques of mid 1990's type Web Design (when there were
only a few different Browsers in use & Screen/Window Sizes were smaller
& more uniform) really doesn't work in todays situations.
Old Grizzly...
|
Totally agree i was only saying what *I* was seeing it in :-)
|
|
pmj...
|
That should be perfectly possible - bung the "Old Grizzly's Web Page"
Picture (BTW - it's not actually a *Dialog Box*!) into a
& Centre it (the Pic) in the & on the Page (but see below)...
Old Grizzly...
|
Yes i do know its not a dialog box but at the time of posting thats the
best i could come up with ;-)
pmj...
|
LOL!
:-)
I wasn't trying to be "picky" - I was just trying to establish what
was what, so we could make sure we were talking about the relevant
parts of the Page - & also *if* you did actually think of it as a
"Dialog Box", then that may mean you were expecting different thinsg
from it, than were actually possible.
The nearest you can get to a "Dialog Box" in Web Pages & HTML
is a |
|
& do the same with the bit containing the Photos.
Now, you *also* have to bear in mind the Width of the Page that the
"Navigation Panel" (on the left of the Page) takes up - do you want
it all Centred in relation to the Width that's left after that?
Old Grizzly...
|
in an ideal world yes it would be more presentable if however you viewd
it that vertical alignement centred in what is left after discounting
the Navigation buttons
pmj...
|
OK, so put the Navigation Panel stuff in a *Separate*
& locate that on the Left, then have another containing the
rest of the Page...
& then within *that* have a for the (main, top) Pic
& another (below it) for the Thumbnails.
I dunno how NetObjects Fusion handles that sort of stuff & how easy
it is to get at the Options & Settings to do it, but the Layout you
want is actually a fairly common (as in popular, frequently used)
Layout & can be done using ordinary HTML (& CSS - Cascading
StyleSheets), which NetObjects Fusion can handle, I know.
|
|
If so, bung that in a & then have the other things
(containing the Pic & the Thumbnails) in other, *separate*
things, which are then Postioned relative to the navigation
There's lots of Info available on all the various "Tutorial" type
Sites about various kinds of Web Page Layouts.
|
pmj...
|
Yep!
Great!
Good idea...
& that's actually one of the *easiest* bits to do!!!
If you get too bogged down with the exact, precise Layout of it
(which will show up differently on other people's Systems, anyway!),
then you will end up not getting the really important stuff done,
like Navigating to & Choosing & Displaying the actual Pictures nicely!
Old Grizzly...
|
Of course you are right but i would at least like it to leave *my*
screen well presented to suit me if no one else LOL
pmj...
|
Yep - I can see what you mean...
BUT - That can actually be (at least part of) the problem!!!
You do need to bear in mind (while you are Designing the Layout
of the Page) how it will lok *when* (& not if!) the Window Size
is changed!!!
Try Moving *away* from always using your Web Browser Window
Maximised to Full Screen (Click the "Restore" Button at the
top Right) & try changing the Size of the (Browser) Window
(both Vertically & Horizontally) & also try changing the *Text*
Size Settings in your Browser - (Menu>View>Text Size) & see how
your Pages look...
That way you can *design* them to look OK in various different
Sized Windows (& with various different Text Size Settings)
When you get the hang of that idea (as opposed to *expecting*
the Pages to always look the same), you can pretty easily then
Design the Pages to *allow* for (& cater for) what happens when
the Browser Window Size (& Text Size) is different.
Also, try that on *other* Web Pages that you Visit & see how
different WebSites cope with & handle those sort of things.
|
|
|
which contradict each other and do not inspire confidence.
I'm sorry, but the mixture of CAPITAL and lower case tags, the absence of
any layout to the source, and the presence of attributes I've never seen
before mean I couldn't actually see the parts you provided.
On closer examination, I see it is using LAYERs to position elements
absolutlely, and in no relation to the order in the source. (the graphic
weboldgrizzly1a02.gif is at the top of the page, but at the bottom of the
source.
Sorry, I give up.
I suggest you try again with no rollovers, no layers, no fancy tricks. When
that's working OK, and you understand (roughly) the code produced, you can
introduce the bells and whistles.
Something like:
 border=0 alt="Old Grizzly's Web page">
Old Grizzly Webpage
I Took These At The Westonbirt Arboretum UK in Autumn 2005
DSC_0493.NEF
|
|
next
|