My font are off their alignment

[alkscd]

My website is personalized signs,personalized plaques,wooden sign,hand painted sign

I'm using dreamweaver I down loaded this template. I place all my font in a table format. For some reason, I must off set the font. so when I up load to host thing are in place. Everything looks aligned on my computer on line. But on other peoples computer it off the page on line. I hope someone can help me.
In believe the font are on the wrong layer.
Thank you in advance
Anthony

[Nuclear Krusader]

Ouch. Can you post a link to the CSS file?

[ChoboSeki]

Your code is wrong. You have used margin or positioning or text aligning.

What happened is: When you centered the div, probably using margin for something in the CSS, and centered the text, it actually centered the text MINUS the margin center of the page = alignment to the LEFT of where it's actually supposed to be centered.


Edit
Try changing:

absolute; width:731px; height:76px; z-index:12; left: 338px; top: 476px;">

to

reletive; width:731px; height:76px; z-index:12; left: 338px; top: 476px;">

or removing the positioning of it, or just remove the left and use vertical aligning to center.. maybe


edit #2
I have confirmed that your positioning code is is wrong, either the POSITION or LEFT. You should not need to use LEFT: 338px anyways.. you should use the position: reletive or just use div align=center id=layer11

[ChoboSeki]

If you don't get it fixed and nobody else replies, I will download the source and try to fix it after I'm finished with this game.. lol

[alkscd]

I'm going to try the correction.I hope it works.
Thanks for the help
Anthony

[alkscd]

I put the correct in. All the fonts went to the top of the page. I hope you down load the source page an try to make correction "ChoboSek"
Thank you in advance
Anthonyi

[alkscd]

I was going to try an put the text on the mainbg.JPG
I don't know how it would look plus will search engine see the description words?
Thanks
Anthony

[ChoboSeki]

I'm looking at it right now.

[ChoboSeki]

Ok, since the forum's code tag didn't work right, go here:

http://yfhgaming.com/code.txt

just an example of what you can do to fix everything

[alkscd]

I put the new codes in. The text goes to the top. When you say "Div" I'll have to do some research. I don't know how to correct that.
Thanks for any help.
Anthony

[ChoboSeki]

I tested the code in Google Chrome and it was aligned correctly.. although it isn't the best solution, maybe someone else here could give a little better help with the divs.

Sorry I couldn't help!

[alkscd]

When I see it on mozille firefox it looks good. When I use explorer it's misaligned.
Thank you for your help.
Anthony

[alkscd]

Correction on my POST

I'm trying different things to correct the problem.

I'm using dreamweaver, I down loaded a template about 5 years ago. I place all my text in a table format. For some reason, I must off set the text on my index page. so when I up load it to my host thing are in place.

I'm using firefox everything looks aligned on the internet. When I use internet explorer all the text is misaligned.

I hope someone can help me.

Thank you in advance
Anthony

[Nuclear Krusader]

Which version of IE?

PS: It looks out of whack in Firefox as well. Not as bad as IE, but still.

[alkscd]

I'm testing it on IE ver.8.0.6001.19048

My host support just sent me their answer.

Thank you for contacting us. Different browsers render HTML codes differently most times. Explorer is notorious for this. The analogy is a train track with specific width. Browsers like Chrome, Firefox, Opera, etc. build their frames on this track. Microsoft has their own rules how to build browsers ignoring the train track's width. Hence, Explorer often fails to perform like others. Dependent on the issue, there are often Javascript fixes to detect if Explorer is used, then make some adjustments.

[Nuclear Krusader]

Click on the Compatibility icon in IE's toolbar, the one that looks like a broken sheet of paper, and see if the format gets fixed.

[alkscd]

I went into tools an hit compatibility veiw setting no change. But the broken sheet of paper icon added my site. No changes

[Nuclear Krusader]

Which version of Dreamweaver are you using? And which template did you use?

[David M]

I think you need a font end alignment.

Sorry...couldn't help myself.

[alkscd]

Dreamweaver MX 2004

[Nuclear Krusader]

I took a more in-depth look and also consulted with an expert I know and there're several problems with your site:

• You're using tables; tables became a major no-no years ago because of how unmanageable and conflictive they tend to become. All formatting is done with CSS now.
• The software you're using is very old and its implementation of HTML is way outdated. Browsers are just having a hard time reading it and thus mess up the page when they try to display it. It's as if you were talking in Old English now: we'd get some of your meaning, but we couldn't figure out the grammar so as to type what you're saying.

Your solution is, unfortunately, to redo the whole site. There's just too much mixed-up code so as to be able to fix it. Try to get a newer version of DW. And note that even if you use templates, you still have to have a little bit of knowledge of CSS. You have two choices: you can get someone to do your site, or you can delve a bit into CSS and do it yourself. If you choose the latter, here's a good reference to get you started.

[alkscd]

Nuclear,
Thank you so much for looking into this matter for me. I tried many times to inserted Div'
Tags. I believe this time it worked. Take a look at my site and tell me what you think. Check it out on explorer. wooden sign,personalized plaques,pet toy box,wine barrel

[Nuclear Krusader]

Main page is working, but the other pages are out of whack.

Make a backup of the main page right now. Then open it and the other ones and go through the code carefully. Compare both pages and apply the divs in the same places as the main page.

[Nuclear Krusader]

After that, you need to go through your type as well. For example, on the navigation bar atop it says 'Testimonils' instead of 'Testimonials'.

In your Privacy page, the page's title reads 'Priacy policy,hand crafted'. You need to insert the missing V and a space after the comma.

There may be more typos. Those are the ones I spotted at a quick glance. I can go through the text in your pages if you want.

[alkscd]

It was in alignment??

[Nuclear Krusader]

The index page is in alignment, yes.

[alkscd]

I updated my entire website. wooden sign,personalized plaques,dog gifts,signs with sayings
Thanks for the help!
Anthony

[Nuclear Krusader]

The fontface size in this page is smaller than in other pages.

There are other pages with the same issue as well.

The site could still use some polishing in the wise of refining the aesthetics of the links, e.g. use images instead of text for the navigation bars or a snippet-based nav bar; but on the whole it does look better.

Now, your photos need some improvement: I'd suggest getting a diffuser and also get that flash off the camera, as it's casting harsh shadows and unflattering reflections.

Heh, sorry to be so critical, but I really like the woodwork you do and I feel the pictures and design should make it justice.

[alkscd]

Thanks for the help. Few questions. I just completed my website. I wound like to lock up all the pages. So no one can make the update correction until you unlock the page. I hope this can be done. Also do you need css pages for every page?
Thanks
Anthony

[Nuclear Krusader]

What do you mean 'lock the page'? As long as you're the only one with the login and password for the hosting server, your pages cannot be modified. I can download them to my computer and modify them locally, but I can't change them on the server unless I have your login & password.

You can use a CSS file for all pages, just declare it on the HTML code for each page, in the head section. Like this:

{link href="/css/global.css" rel="stylesheet" type="text/css" /}

Where /css is the directory in the server where your CSS files are located, and global.css is the 'master' CSS file for all pages to use. (Change curly braces to < and >)

I call it the 'master' because you can use more than one CSS file to control different attributes/formatting in your pages. E.g. you can have a master file for basic formatting that is common to all pages, and a tables.css file to control the formatting of tables in your website; you'd declare this latter file only on those pages that use it.