Indexhibit^TM
Index + Exhibit

Hi all,

I have a strange problem. I have got my site mostly to where I want it for now, I use Safari on a mac as my primary browser and everything looks peachy.

When I check the site on Firefox, all of the text alignment in the menu on the left is the exact opposite to how it appears in Safari.

You can see here: http://www.paullangmead.com

I have tried tweaking some of the positions a of tags etc and all it does is make it worse. At the moment, I can't seem to get text to right align in Firefox AT ALL.

What gives?

P

Well, for starters, I see this...

1. <p><link rel='stylesheet' href='http://start1g.ovh.net/~paullang/ndxz-studio/site/sample/style.css' type='text/css' /></p>
2. <p></font><font style="font-size:14px" color="#7d7d7d" face="ITC Lubalin Graph" align="right"></p>

You see what is wrong with that? This would clearly cause alot of random issues.

I don't see text-align: right at all, so…

and you can start to validate your page.
it can cause these kind of cross-browser issue

your home menu is not style the way the other pages are…
correct and validate.

edit : late

Oh...

I'm a bit of a copy and paste programmer (why can't I use inDesign to make web pages????), so that seemed to make sense to me.

Thank you!

I think I have corrected the problem by removing the font line, have a look.

My last question is how to match the 'built with indexhibit' to the rest of the text, as I seem to have no access to it.

I think 'built with indexhibit' is on the index page

I think you need to validate your page as lemathieu suggested. Too many errors...

Ok, so I validated and got it down to 6 errors, most of which were with a < ul> tag which I don't seem to modify (I guess I left a tag open somewhere).

My problem is that the only way I can think of to right justify the 'built with indexhibit' text with the rest of the menu text, is to leave the tag open and then close it on the 'home page before doing anything else.

1. < h4 align="right">all images © 2009
2. Then on the 'home' page:
3. < /h4>
4. < center>
5. < h3>images of (sub)urban space< /h3>

As you can probably see this is another 7 errors to the page.

I know the built with indexhibit' thing might be minor, but it bugs me when it doesn't match the rest. I am not much of a programmer, so thank you all for your invaluable help.

I think I have it for the time being, I'm still getting errors, but not nearly as many as before. More importantly, the page looks identical in Safari and Firefox (I have no idea about ie as I don't have easy access to a wintel box, but don't care so much anyway).

Thanks again to all of you for your help, I really appreciate it.

Paul

get rid of all that h3 align="right" stuff and use css.

1. #menu { text-align: right; font-size: 14px;... etc etc etc }

@arsondpi: Good idea... I'm still a complete noob with css, so I wasn't even aware I could do that.

As a bonus, the page had no errors. :)

Until I fiddled with it some more... :(

Paul

came accross this page and would like to know how to right align my text as he did.
as in which folder do i edit and what code am i adding/changing.

did want to start a new thread so i was hoping someone could answer.

Thank you

@kasuage:

To right align the menu text you need to add 'text-align: right; ' to the '#menu' section of you style.css file.