Need someone to edit template tabs—cont

[iKerry]

Moved from Off topic:

I'm not sure what is going on with the tab alignment, as I scroll over them they all seem to be moving to the right.

I loaded the tab background into photoshop and placed the tabs and they seem ok, except for the "Forums" tab (serv.jpg servrol.jpg) the graphic is 100 x 31 and the html is resizing it to 107 x 31.

The <div> has a padding of 7 applied, it looks like 7px are being added to each image, 2nd image is 7px off, 3rd image is 14px off etc...
When you mouse across them you can see what I mean.

Maybe try playing with the size attributes until they fit?
If the graphics get too funky I can run you off some to fit the final size.

I hate using templates, always have to figure out what other people have done and why.


******************

800 wide is ok with me.
The monitor I'm using now is 1280 x 1024, at home it is a widescreen (1440 x 960?) my laptop is some weird Mac dimension, I have no idea what.

Most of the time that I have my browser open it is not maximized.
I have a text editor, file manager, Thunderbird mail, sticky note pad and photoshop all visible or partly visible at the moment. I think a lot of people work this way.

The whole page fitting in my browser does not bother me, any of it scrolling off to the side bugs the heck out me.

I think it also depends on what type of page you are.
You have chosen a nice informational template, I think it fits your needs well.

If you are an artist or are using lots of flash or other primarily visual page components then detecting browser size and adjusting accordingly would be a good idea.

Stephen

Hi Stephen, One thing I notice is that the original size of the Services tab (see new install*) is 107 x 31 whereas the renamed tab (Forums) is 100 x 31 http://www.comcom121.org/template/index.htm. This doesn’t make sense to me—I would think that this would cause the total width of the tabs to leave a space at the right side rather than force Contact Us to the right into the margin. Maybe you understand what’s happening.

* Here's a new unedited install of 729 (without flash). http://www.comcom121.org/729test/ it shows the vertical lines between the tabs.

If you'd like I can replace the original /728test tabs with the new ones and see if it produces the same results.

BTW: The original suffix for the tabs is jpg. I changed them from .jpeg.

Thanks,

Kerry

[Hullabaloo]

I was away all day yesterday, just saw this.

The problem seems to be that in the original the entire <div> is on one line and you have broken it up. I downloaded the page and put it all on one line and it works fine from my c: drive.

White space shouldn't matter, but sometimes is does...

Stephen

[iKerry]

Hi Stephan,

Good news. While waiting I installed a new web named http://www.comcom121.org/729test_2/. I replaced only the Contractors and Services tabs with the Tutorials and Forums tabs that you made. It appears to be working perfectly. To my eyes the colors of the gradients of the ones you made are so close to the originals that I don't think it's necessary to replace the Main Page, About Us or Contact Us tabs. What's your thoughts?

I'm so very pleased.

The only problem I'm having is how to create additional pages. There are no templates. For example: on the page http://www.comcom121.org/729test_2/index-2.htm there is a hyperlink that reads "More click here." When I mouse over it it shows the URL to be index-2#.htm. I don't know how to create a page that will replace the text in that same body (maybe it's called a cell?).

I also don't know how to use the .psd files. When I try to open them in EW they are garbage. Maybe they can't be use with the noflash template?

Thank you so very much for your support

[Hullabaloo]

Hey Kerri,

The .psd files are photoshop files, just screen caps of the pages, not sure why they are in psd format, jpg would make more sense.

As for that index-2#.htm link, I'm not sure what is intended.

I think that the # symbol is just a placeholder, the links in the header (home, sitemap and mail) are also just #'s. Home definitely shouldn't be, it should just link back to the main page.

I just made a index2a.htm file (copied index-2.htm and renamed) changed the link (about line 151) href="index-2a.htm" then edit the 2a page to add more.

Hope this is helping.

By the way, I really like your site. Some great stuff there, the content that is, not just the design.

Stephen

[iKerry]

Hi Stephen,

Thanks for the nice acknowledgment about the site's contents. We teach what we need to learn most.

I think you're right. I made a More Here hyperlink to a index-5.htm and it works fine.

Now I'm trying to figure out how to make the site search button work and how to fit the contactus.htm mail to form to fit in the body http://www.comcom121.org/729test_2/contactus.htm form. It inserted a blank space in the left margin.

I'm really liking it. Got a nice ack from our VP.

Thanks so much for your support.

Kerry

P.S. Just discovered that my IE's contextual menu spell check link doesn't work with FF.