Nope, the php file just contains html anyhoo. About to have someone come and talk to me, but can hopefully reply properly in an hour or so

Righty, I'm a bit free-er now. In the included php file I'd put something like the following:


And then style it thusly, as a basis:


Does that make sense to you? There's little point you copying it blindly, so if you've got any questions do ask. Most of it is taken from the A List Apart article linked to earlier.

Edd

That makes a lot of sense, Thanks Edd! I'll try it when I get home.

An update!

I've finally had some time to do a bit of hard coding, and I have used your alternative menu system, thanks Edd.

Here's a link for anyone who fancies having a look... http://johnthegeek.x10hosting.com/test.php

Please read the "Welcome to my Website" bit, and as ever, any feedback will be gratefully received.



Edit to add: I've noticed that the boxes at the top don't resize properly, but as I have just closed the file upload browser will look at that in a little while.

Font size changer works for me in Safari on OS X at 1280x800. The default is very small though.

Coming along nicely. What do you plan to put on it eventually?

Thanks Nick.

The honest answer? I haven't made any plans yet...

Given the possible reduncancy stuff that you may have read about, I figured that exploring some web technologies other than plain HTML may come in handy if I decide to take another sideways career step.

Whilst typing this I am also realising that I'll need a subject for my dissertation and as we kinda covered, (skimmed over) PHP last semester this might also give me some useful information.

The main reason I'm doing this is that I like learning new stuff

Ooh I ain't never seen the :after pseudo-selector before.

*Steals*

I'm waiting for proper :nth support for CSS3.

Ok guys, another little update, but first the link:

http://johnthegeek.x10hosting.com/

I don't think you need to add index.php at the end, but that's the file I'm testing.

Again, the links don't work, but the question at the moment is how easy or difficult would it be to move the code for the text resizer off the page, into a seperate file?

The reason behind this is that I've decided it's not worth having the text resizer on a mobile device but short of creating two versions of each page I need a way to only display it on "proper" monitors.

At the moment I'm thinking Javascript or could I use an include command, depending on the screen resolution, which I could get using a script?

I'll have a proper look when I get home, as I'm busy at work but if you guys have any ideas/suggestions that'd be brilliant.

Thanks!

Oh, also... I've temporarily put little diamonds as the menu seperators, just to be different, (and also I don't like the pipe bar things) but would prefer bullet points, but I can't find the code to display them anywhere. Anyone got any ideas?

And lastly... I'll also be cleaning up the .css file as well, and I will need to create some alternative colour scheme ones, so please be preared to answer some "suggest a good color sceme" questions... not yet though!

Another day, another update...

I have changed the menu seperator for a small graphic and I have been experimenting with forums. I have set up two different one, (PHPbb and an SMF one. These are only for testing, (things like customisation and script writing, etc) but if you want to register and leave some feedback that'd be great.

How to access them? There are links on the home page, and the forums menu link works.

!!!!DON'T USE JAVASCRIPT!!!!

Use PHP and use include() like you did before. Put the resize code in a separate file and include() it when a proper browser is accessing the page.

Colours: http://kuler.adobe.com/

Question time. I've put the text resize stuff in with the menu php file, but I can't figure out a way of bypassing it depending on the screen resolution, or maybe browser version.

The screen resolution option would probably be better, but does anyone know if I can use an if...else type option in a php file.

I haven't had a chance to google it yet, as it's a bit manic at work, but any pointers would be gratefully received.

For browser version take a looksy here.
I've a feeling you've got to do screen-resolution via JS (I saw one nasty way of using JS to write to a cookie and then reading it via PHP after a reload)

I think I am going to have to do it based on screen resolution, as it's getting to confusing with Internet Explorer on Windows Mobile, and Opera mobile, etc.

Here's some code:



I only want to display the bits between the starry lines, (bloody colours don't seem to work in code) if the screen resolution is greater than that of a mobile phone/PDA, or I could just say more than 799 pixels wide, as that should exclude the mobile stuff, shouldn't it?

Any ideas?

Have a look at here. To keep things tidy I'd put all the code to do with font-sizing, and it's hiding/showing, inside a separate include file as there's not going to be a nice way to do it i don't think (or at least a compact way to do it).

Oh god.

I warn you now, JavaScript sucks.

...

Good luck!