Spacing between menu items.

Doug Laidlaw

At http://www.douglaidlaw.net/boykett/index.html I have a menu of buttons
generated by a "self-serve" Web site. As originally supplied, all the
buttons were in a block, hard up against each other. Now they are spaced
out. I have tried using the "margin" CSS variable set to 0, but I can't
have the syntax correct, because NVU keeps deleting what I write.

Am I on the right track, or do I need to try something different?

I do intend to implement sans serif fonts. At the moment Firefox gives me
Times font by default, and Konqueror gives me Verdana or similar.

Thanks,

Doug.
--
Registered Linux User No. 277548. My true email address has hotkey for
myaccess.
To know the road ahead, ask those coming back.
- Chinese Proverb.

Nov 23 '05 #1

Subscribe Post Reply

2926

Els

Doug Laidlaw wrote:

At http://www.douglaidlaw.net/boykett/index.html I have a menu of buttons
generated by a "self-serve" Web site. As originally supplied, all the
buttons were in a block, hard up against each other. Now they are spaced
out. I have tried using the "margin" CSS variable set to 0, but I can't
have the syntax correct, because NVU keeps deleting what I write.

Am I on the right track, or do I need to try something different?

What happens if you add this bit of code in the <head>:

<style type="text/css">
img{display:block;}
</style>

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vÃ£o. O resto Ã© imperfeito.
- Renato Russo -
Now playing: The Cult - She Sells Sanctuary (Long Version)

Nov 23 '05 #2

Doug Laidlaw

Els wrote:

Doug Laidlaw wrote:
At http://www.douglaidlaw.net/boykett/index.html I have a menu of buttons
generated by a "self-serve" Web site. As originally supplied, all the
buttons were in a block, hard up against each other. Now they are spaced
out. I have tried using the "margin" CSS variable set to 0, but I can't
have the syntax correct, because NVU keeps deleting what I write.

Am I on the right track, or do I need to try something different?

What happens if you add this bit of code in the <head>:

<style type="text/css">
img{display:block;}
</style>

It didn't seem to make any difference. The last item, which I made myself
and added, was hard up against the others, but had no <br> tag before it.
Stripping all the <br> tags fixed the spacing, but I expected that to make
the buttons try to align horizontally?

Doug.
--
Registered Linux User No. 277548. My true email address has hotkey for
myaccess.
Live as if your were to die tomorrow. Learn as if you were to live forever.
- Mahatma Gandhi.

Nov 23 '05 #3

Els

Doug Laidlaw wrote:

Stripping all the <br> tags fixed the spacing, but I expected that to make
the buttons try to align horizontally?

Not if the TD width is limited. Images wrap just like text. Maybe the
<br>s were the problem because the TD width was too narrow to have
them after each image?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vÃ£o. O resto Ã© imperfeito.
- Renato Russo -

Nov 23 '05 #4

Doug Laidlaw

Els wrote:

Doug Laidlaw wrote:
Stripping all the <br> tags fixed the spacing, but I expected that to
make the buttons try to align horizontally?

Not if the TD width is limited. Images wrap just like text. Maybe the
<br>s were the problem because the TD width was too narrow to have
them after each image?

That is probably the reason. I thought that the <br> tag was simply a
direction, and didn't itself take up any space at all, so I made the width
of the column equal to the width of a button. Things have certainly been
tightened up. I still recall the days when the table proportions would
ignore the stated dimensions and adjust themselves to accommodate the
images. At one stage within the last few days I had the opposite: the
picture of the ship was only half displayed because it was cut off at the
right-hand edge of the cell.

Thanks for all your help.

Doug.
--
Registered Linux User No. 277548. My true email address has hotkey for
myaccess.
It takes both sunshine and rain to make a rainbow.
- Caption to a motivational picture.

Nov 23 '05 #5

by: Marek Mänd | last post by:

HTML / CSS

List/menu spacing is browser dependent (argh)

by: Jim Moe | last post by:

Hello, I am (slowly) in the process of changing a table-based layout to CSS/div-based. One area that uses tables a lot is the main nav menu. I have discovered that tables have advantage: all...

HTML / CSS

need help with menu javascript

by: Jackson Yap | last post by:

can someone kind enough to help me look at the attached html and js file? Why is it that the javascript menu could not work at www.apchosting.net but could work at...

Javascript

custom paste context menu fvor text boxes

by: Dennis C. Drumm | last post by:

Is there a way to modify the standard context menu shown when someone right clicks in a windows text box and that would work for all open windows applications? The standard context menu for...

C# / C Sharp

Menu ascx - use database? Best practice?

by: Sandy | last post by:

Hello - I have a book that illustrates pulling menu items from a Sql Server table into an ascx via a stored procedure. Is this something that is done in the real world? I do like the effect...

ASP.NET

Can't remove spacing between <li> items in IE6

by: JB | last post by:

Hi All, This is doing my head in! Please help. I've built a simple <ul> to serve as a menu for a page I'm working on. I have tested the menu in Mozilla Fireworks 1.5 and it's fine - nice and...

HTML / CSS

Spacing Words in Header

by: DigMar | last post by:

Hello, Thi is a newbie question regarding the spacing of words in a header with links. I simply want to space the clickable words on my header bar more horizontally. Here is my code to make more...

Javascript

ASP Menu Control - Weird Spacing Issue

by: chris.mcinnes | last post by:

G'day, I'm trying to implement a graphical horizontal Menu-bar feeding off a SiteMapDataSource with some top-level menu-items and a couple of sub-menus. I've managed to get the menu bar...

ASP.NET

How to disable a menu item had its sub memu items?

by: =?Utf-8?B?QW5kcmV3?= | last post by:

Hi, friends, I am using C#.net 2005 to create a windows application. It has menu items, such as File, etc. Under File, there are more menu items, such as New Files, Working Files, etc. Under...

.NET Framework

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Spacing between menu items.

Similar topics