Hi,

Let me start off by saying that I don't have a really firm grasp on using HTML, CSS, or Javascript to create webpages; everything I've learned has been self-taught and is consequently haphazard. I'm sure I'm missing a lot.

That said, I've run into some problems while creating my mom's photography site: imagesbyjas.com. I know what I've written there could at best be called "spaghetti code," so please don't be too harsh, but do be honest about any faults you find. I just want to learn.

My first problem has to do with the positioning of the picture on the index page. How can I move it over more to the right, and how can I make a border around it?

Second problem: how can I make the navigation box at the top be wider, so that when you rollover "artist biography" it doesn't spill over into the next line and stretch the whole page?

Third problem: why doesn't the link to the artist biography display the bottom navigation correctly, with the top and bottom borders?

Other problems I know I need to work on: it probably doesn't validate, and I need to find a better way to create space than a bunch of breaks.

If you could please view the source for these two pages and let me know what I'm doing wrong, I would really appreciate it. I'm sorry if I'm not using the correct terminology for these problems, but I hope you can still understand what I'm saying. There's probably really simple solutions, too.

Thanks for any and all help.

Replace [] with <>. Add the code in blue where shown and change the red values as desired:

1) Put a left margin on the image and put a border around it:
[img src="regional001.gif" align="left" width="210px" height="300px" style="margin-left:10px,border:1px solid #000000;">

2) Increase the width of the "Menu" box:
[div class="menuitem" style="width:150px;white-space:nowrap;"]

3) The bottom menu on the home page is included within a div with the class of "footer" - need to do the same on the bio page.

Michael J

Thanks for your help. I knew they would be painfully obvious things.

I'm still stuck on that index photo for some reason. This is what's there: [img src="regional001.gif" align="left" width="210px" height="300px" style="margin-left:10px,border:1px solid #660000;"]

What am I doing wrong?

My fault. There needs to be a semicolon between the two properties in the stylve value - not a comma. Like this:

[img src="regional001.gif" align="left" width="210px" height="300px" style="margin-left:10px;border:1px solid #660000;"]

Michael J