Viewing Thread:
"*sob* i need help"

Okay, the html learning has been pretty painless until now.
I thought i was ready to put my site together, just checking through a few techniques, and i found i have a problem:

Okay, i was knocking together a practice navigation box. A table (1 col, a few rows) Gif images on top and bottom to give it nice rounded corners, and co-ordinated colours in the backgrounds of the other rows behind the text links.

I currently have 2 problems.

1. There are gaps between the images and other cells (cell padding and spacing are both 0), though not between other cells.
Thus my nav box looks like a big burger king logo. If i was burger king i wouldn't mind. But i'm not. So i do.

2. This may just be an oddity of my computer, but on 2 of the cells with links in, the background colour doesn't show up until you minimise and resize the screen or bring up then remove a window in front of it.
This confuses me.


I've put it up on;
http://huw41.tripod.com/navtest/boxonly
if you could take a look.

Please, please please help me.
I'll be refreshing every 5 seconds until someone does. Well... maybe not : )

I'm currently building a site as well, Dr Duckster, and I've come across the same problem, but a few days ago, I found out that if the space is above or below the image, then adjust the width of the table cell to be two pixels wider than your image. Then, DON'T put
of

after/before that image. This technique will put your images together, with a gap of a few pixels between them at the top and bottom.

For more info on placing images exactly where you want them using CSS and co-ordinates, see http://htmlgoodies.earthweb.com/css

I don't think Paint supports alpha channels. Get a decent paint proggy (and anti-alias those edges!).

Thanks. Losing those spaces did the trick.

I would have used a transparant background, but at the time ms paint was being awkward and wouldn't let me do it [read as 'i can't always get paint to do what i want' : ) ].

I'll take a look at matching up background colours to the colours of the images for the corners. Hopefully the browser won't affect how simiar they are?

p.s. all my image files were .gif

One other thing ... sorry about the multiple posts ... your top and bottom rounded gifs need to have their corners transparent, not white. Not everyone has their browser set up with a white background. Or, you could set the background color specifically to white.

Hmm, yes ... having looked again, I think the background thing is a browser repainting issue. But if you just want plain colour background, you'd be better off using "bgcolor" rather than background. Not least because not all browsers handle background images the same.

To lose the extra spaces in your navbox, take out the blanks you've got between the and the tags. The browser is actually displaying a space there, so you need to be careful of putting blanks in your code.

What are the background files? .gif or .jpg or what? You just use ..../main for example, and I'm not sure whether that might be to do with it.

Hmm, yeah, that looks fine. I've put border="0" in and it doesn't help though.
I don't know, maybe it's just the browser.

Thanks for the help.

http://luke.ac6.org/turbonutter/stuff/screenshot20020112200203.png

Looks fine to me, but you may want to try border="0" in the images. As for the link thing, I have no idea. Sorry!

Okay, the html learning has been pretty painless until now.
I thought i was ready to put my site together, just checking through a few techniques, and i found i have a problem:

Okay, i was knocking together a practice navigation box. A table (1 col, a few rows) Gif images on top and bottom to give it nice rounded corners, and co-ordinated colours in the backgrounds of the other rows behind the text links.

I currently have 2 problems.

1. There are gaps between the images and other cells (cell padding and spacing are both 0), though not between other cells.
Thus my nav box looks like a big burger king logo. If i was burger king i wouldn't mind. But i'm not. So i do.

2. This may just be an oddity of my computer, but on 2 of the cells with links in, the background colour doesn't show up until you minimise and resize the screen or bring up then remove a window in front of it.
This confuses me.


I've put it up on;
http://huw41.tripod.com/navtest/boxonly
if you could take a look.

Please, please please help me.
I'll be refreshing every 5 seconds until someone does. Well... maybe not : )