I'm quite sorry if this was answered before. I've been through old posts and forum answers for the last hour, as well as the main site, and I don't believe I've quite come across my problem.

I was setting up a cell with CSS and a series of drop-down menus for links. The drop-down menus are all side by side, horizontal to each other. My problem is spacing the actual menus. Each time I try to put any kind of distance between them, I get no results. For example, the menus look some what like this:

MENU MENU

When I want to go for an effect like this:

MENU MENU

Is there any way for me to space these menus apart without creating a giant border for each menu? Is it that my CSS is the problem? :confusion I've tried altering the width of the actual cell the menus are in (the cell got veeeeery big but the menus stayed the same), actually putting in spaces via a spacebar between menus (no result except large spaces in my HTML editor), and even trying the HTML for image spacing (hey, I thought I'd give it a try ;)). I have the funny feeling I'm just overlooking something that I'll feel stupid about in the morning...

Any suggestions and help will make me very happy! I can provide more information/the actual HTML and CSS if it might help further fill in the blanks!

do you have your page uploaded somewhere so we could see the code you used?

do you have your page uploaded somewhere so we could see the code you used?


Yes, actually. It's located at http://nbultimate.topcities.com/000/filename.html. I used to have a webpage at topcities, so I have a tendency to just use their HTML editor for making web designs (and I've made very few).

The problem is at the bottom of the page. Ignore the "cell two" and "cell four" labelings... I'll be putting other content there once I figure out how I want to theme my layout ^^; Thank you very much for any help you might be able to give me!

<hspace=15>
That code doesn't exist so you may want to remove it...
There are a few things that you could do to space them out
1) Add a right margin to each by adding margin-right: 10px; to the style="...." part.
2) Make a transpart gif, call it something like spacer.gif and add it between each menu, to space it out make the width larger... eg <menu><img src="spacer.gif" width="15"><menu>
3) Put them in a smaller table inside that table cell. Make the 3 columns all the same width and align the menus inside to centre.

<hspace=15>
That code doesn't exist so you may want to remove it...
There are a few things that you could do to space them out
1) Add a right margin to each by adding margin-right: 10px; to the style="...." part.
2) Make a transpart gif, call it something like spacer.gif and add it between each menu, to space it out make the width larger... eg <menu><img src="spacer.gif" width="15"><menu>
3) Put them in a smaller table inside that table cell. Make the 3 columns all the same width and align the menus inside to centre.


Wows, thanks! Once I get through a bit of work, I'll definitely try those options until I find something that works well. The <hspace=15> code is something I found for image spacing. I went insane on the drop-down menus so I took a shot at using that and it clearly didn't work.

When I get the chance to try those things, I'll post my results here later. Again, THANK YOU! :bow: The little buggers were getting to me ^^;