Meddysong
07-02-2007, 04:06 PM
Hi to everybody here.
I've just returned to Britain from abroad and, whilst looking for work, decided to set up a personal website to act as a recruitment tool.
Now, I'm completely self taught in all things computing. I appear to have gotten my head around design work, and I've been running my own forums for a year, so my understanding of HTML is reasonable. I also have access to a private server, so no need to worry about what tools I have access to.
Anyway, I made the design of my site using Photoshop. This is what the front page looks like:
http://www.jeb.org.uk/~fletch/Main%20page%20copy.png
I've split the site into frames. For the sake I've simplicity, there are two columns. They're marked here by red.
The bit that's not pink shaded will be of varying height and updated regularly, kind of like a blog.
To do this, I set the background as a single strip of that PNG, and it repeats as necessary. So far so good.
http://www.jeb.org.uk/~fletch/Framed.jpg
In trying to prepare an example page (just to confirm that the background, single-pixel height background repeats for as long as the text appears), I'm incapable of making an indent, so the wording actually appears from 'outside' of the white border markers.
http://www.jeb.org.uk/~fletch/How%20I'd%20like.jpg
I've tried messing with such things as 'padding', 'margin' etc, but all without success. Well, there was ... but the background indented too, meaning that it looked the same, just with the whole lot moved across a little.
How should I code this so that it works properly, so that the text is held a little within the borders of the background image.
(For argument's sake, the background image can be called bg.png)
******
Any and all help will be gratefully received.
Thanks,
Tim
I've just returned to Britain from abroad and, whilst looking for work, decided to set up a personal website to act as a recruitment tool.
Now, I'm completely self taught in all things computing. I appear to have gotten my head around design work, and I've been running my own forums for a year, so my understanding of HTML is reasonable. I also have access to a private server, so no need to worry about what tools I have access to.
Anyway, I made the design of my site using Photoshop. This is what the front page looks like:
http://www.jeb.org.uk/~fletch/Main%20page%20copy.png
I've split the site into frames. For the sake I've simplicity, there are two columns. They're marked here by red.
The bit that's not pink shaded will be of varying height and updated regularly, kind of like a blog.
To do this, I set the background as a single strip of that PNG, and it repeats as necessary. So far so good.
http://www.jeb.org.uk/~fletch/Framed.jpg
In trying to prepare an example page (just to confirm that the background, single-pixel height background repeats for as long as the text appears), I'm incapable of making an indent, so the wording actually appears from 'outside' of the white border markers.
http://www.jeb.org.uk/~fletch/How%20I'd%20like.jpg
I've tried messing with such things as 'padding', 'margin' etc, but all without success. Well, there was ... but the background indented too, meaning that it looked the same, just with the whole lot moved across a little.
How should I code this so that it works properly, so that the text is held a little within the borders of the background image.
(For argument's sake, the background image can be called bg.png)
******
Any and all help will be gratefully received.
Thanks,
Tim