Small Photo Problem

[scorter]

Hi All

I am working on a site for my dad (something to get him started)
I understand the code for the most part.

when I make the gallery (manualy) I dont like the way the wizard works

When the site if viewed form sertain computers the pictures are shifted to one side. they look fine on my computers (3)

But some of my friends and my dad have the problem described.

I did a search on this forum and couldnt find what I needed .

Here is the site (please be Kind)
www.robertbrownphotography.net

Scorter

[MandyJay]

Hello and welcome.
You have used absolute positioning for your images. Here is a sample of your code:

<div style="position: absolute; top: 289px; left: 459px; width: 100px; height: 78px; z-index: 1">

That is telling the image to be 459pixels away from the left margin - so they are shifted over to the right.

So people viewing at 800 resolution, the image is going to be over half way across the page. For those viewing at 1024 it will be more over to the left.

You need to use tables and cells for positioning, setting the table to center and the cells you can set each cell alignment, from the cell properties, to left center or right, top middle or bottom.

Hope that helps.
MJ

[scorter]

thanks
ok I am confused on how that helps and how to make it work if you can point me in the direction of a tutorial or something that would get me started that would be great. (its not a table like a grid ((like in Excel)) is it??)


thanks
scorter

[MandyJay]

ok I am confused on how that helps It helps becuase the table and cells holds all your information in place. the information wont shift like it is doing now.

Imaging a tray with marbles on .... as the tray moves, so do the marbles, even though you have "absolutely positioned" them where you want. But if you could divide that tray into sections and put a marble in each section, then no matter how much the tray moved, each marble would stay inside its own section ...... tray = table; section= cell

This page for example http://www.robertbrownphotography.net/Aboutme.htm the image on the left you have used a text box I believe, to put information under the image. This does not view for me as the text of the main page goes right over the top. This would not happen if you use tables and cells as each cell cannot merge into the next one.

Do not use text boxes though or anyhthing from the Drawing tool bar, it is not compatible with other browsers that well. Do a search on this forum for further information.

Your font ... you are using on some pages Franklin Gothic Book or Tunga and maybe some others. A viewer will only see the font you select if they also have that font on their system. I for one do not have Tunga. This is why you see most websites using Verdana or Arial as the main font, becuase those font come with most PC's as standard.

As for using tables, I am not sure what version Frontpage you are using, but if you check out the FrontPage 2003 interactive tutorials (http://www.talkfrontpage.com/showthread.php?t=2806) - then if fyou have a different version FP I am sure you can adapt to your version. Scroll down the list on the Microsoft site and you will find Table tutorials.

MJ

[scorter]

Thanks everyone for the help I fugured it out just before you got me the information

Please check out the site and tell me if it is working right

www.robertbrownphotography.net


I do have a new question

is there a way to make a part of the page like the updated date at the bottom
I dont want to enter this everytime I update the site to every page.

is there a way to make it so that each page pulls the date(text) like say the index (home page) Kinda like how you would in excel make it pull a formula or data from a cell in one worksheet to another


thanks again

you guys are great

scorter

[MandyJay]

You have set your table too wide. You have it set for 1243 pixels so most people will have to scroll horizontally. So people don't set it for 765 pixels wide. Then those at 800 and 1024 dont have to scroll.

If you want your page to show when it was last updated I thnk you will find a script in our Freebie section. Download the Webmasters tools/script program and there is one in there.
MJ

[scorter]

ok now I have a new problem

I have been working on my page and now I have some weird code I cant seem to get rid of, Look at the galleries page on this site robertbrownphotography.net

and when working on this page as soon as I save the changes it goes and says that I need to save it agian the little * on the tab for that page...

any help or suggustions would be great
you guys have been awsome so far


thanks
scorter

[MandyJay]

Hi,
Do you think you could give the exact page url rather than just the domain as it just saves us having to hunt and click so to speak .. no probs, but just a bit easier.

So the galleries page http://www.robertbrownphotography.net/Galleries.htm
are you saying you have seen some wierd code or ..... if so the only code I see that should not really be there is the Text Box code you have used to give the headings for your thumbs. some people wont be able to see that. Do a search on this forum for either Text Boxes or VML or Drawing Tool Bar ..... apart from that ....???

Why you are being asked to save twice I dont know ..... so are you saying you click on save, it saves it, i.e. the * on the tab disappears, but then it appears again?

MJ

[scorter]

All of this stuff is the weird code stuff in red I am talking about I didnt put it there and everyother page doesnt seem to have it...

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Robert Brown Photography</title>
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
<link rel="File-List" href="Galleries_files/filelist.xml">

<!--[if !mso]>
<style>

</style>
<![endif]--><!--[if !mso]>
<style>

</style>
<![endif]--><!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
<!--mstheme--><link rel="stylesheet" type="text/css" href="_themes/sandston/sand1011.css"><meta name="Microsoft Theme" content="sandston 1011, default">
</head>
the other weird thing is when I delet this code when I save it it comes back...

I dont know why it is wanting me to resave it each time I thought it might be something in this code. I read somewhere that microsoft can put code in to your code without your permission is this what this is...

Maybe I should just start this page all over...

and I will make sure I have the exact urls (thanks)

Scorter

[MandyJay]

That is the code I am talking about ..... when you use Text boxes or anyting on the Drawing tool bar or copy and paste from a Word Document, that is the code produced. While you still have your text boxes that code will keep appearing.

so you need to delete all your text boxes .. including their content. Then you need to recheck your html view as there will still be some code left behind in the head tags that you will have to manually delete.

But yes, I would suggest yuo start the page over .... use tables and cells to position items, including your headings. Dont use anything from the Positioning Toolbar or the Drawing toolbar.

MJ

[scorter]

Ok thanks for the help I will start this one over and get ride of the text boxes

I was wondering whenI was working with the tables I see that I can postition them right left or center but I cant seem to make it go where ever I want is there even a way to do that...

Unless I am missing the point of them (probly am ha)

thanks

scorter

[MandyJay]

You can also position them vertically in the cell.

You may not be able to position per pixel perfect, but your best bet is to plan ahead. Draw on a piece of papaer the layout you want ... then work out where your tables and cells are going to go. You can have a table inside a table even but I have never come across any real problems in having the layout I want. I mean if you are wanting something to line up exactly under the second dot from the left .. then no, maybe you cant achieve that exactly ..... I am not too sure exactly what you are wanting to achieve .... but either you have to use pure CSS and use that to position everything, which you would have to manually do as FP is not geared to that, or use tables and cells ...... you dont really have any other choices.
MJ

[scorter]

ok now when I remade this page using the tables I am still having the same problem the text or picturs are shifting left and right for the different resolutions http://www.robertbrownphotography.net/Galleries.htm and every other gallery

I dont get why it isnt working now

scorter

[MandyJay]

You are not using the tables and cells to position your items. You are using absolute positioning - here is the code

<div style="position: absolute; top: 351px; left: 314px; width: 100px; height: 126px; z-index: 1">

that is telling the object to be 314 pixels from the left of the page or table .... you dont use any absolution positioning, or use the positiong toolbar or whatever, you only use the alignment of the table cell .... that is all. If you use absolute positioning then you will get problems as you are now.

You have used a width of 798 pixels for your table width, people at 800 resolution will have to scroll for that. You table should not be more than 765 pixels wide.

Also I notice you are using the font ESSTIXThirteen - most people will see Times New Roman as that is not a standard font. Check one of my earlier posting in this thread on fonts.

MJ

[MandyJay]

check out our Tutorial section, there is a link to Microsfot interactive Tutorials for FP2003 ... in them are tutorials on Tables.

MJ

[scorter]

I think I might have got it (I hope)

And Thanks MandyJay for putting up with me

I am going remake each page

http://www.robertbrownphotography.net/Galleries.htm

thanks

scorter

[MandyJay]

Looks like you have got the idea now! well done. I do, though still have to scroll horizontally ......

Its been no problem helping, we have all had to start from scratch ourselves.

MJ

[scorter]

Ok to stop the scroll horizontaly I would want to make the horizontal part of the table smaller right I have it at 800 now I think so 750 maybe??


thanks

scorter

[scorter]

oh duh you already told me okok so under 760

I will work on that next

thanks

scorter

[MandyJay]

ha! there is a lot to read and take in with the posts but 760/765 would see you okay ... some say 780 is okay but I still have to scroll at that, so I always use 765.

Make sure though, that any images you have do not exceed that width. For example if you have three columns, and they are each set for 255 pixels wide each, and inside each column you have images, the widest one being 300 pixels ..... then that will stretch the table cell width beyond the 255 pixels you have set and so therefore the whole table will have stretched beyond the 765 also ....

Now there is something called "liqued Design" which I will mention as you will probably hear about it in due course. This is where you design your table for 100% and it expands and shrinks for most resolutions ... it is not as easy as it sounds to implement depending on the "look" you want. But if you want me to explain the basics I will, but Themes and some templates don't lend themselves to this type design always.

MJ

[scorter]

well if you dont mind I am always up to learning something new even if I cant use it right away at least I will know what it is when I come across it


thanks

scorter

[scorter]

Also would you please look at my site now and tell me how you think things are going and what other changes I might want to make to help all viewers view it in a nice way

thanks

www.robertbrownphotography.net

scorter