query

[newbie1983]

Hi,

I am modifying a website and i would like to know how i can set the spaces between two buttons in html - is there a special attritbute. I know it would be easy in interdev but i can only switch to design view if i remove all the asp script which is scattered all over the page.

Here is what i hope to achieve (obviously the buttons look more nicer on a web page):

i.e button1 button2

at the moment it looks like

button1 button2

Any help is much appreciated

Regards

HP

 

[Crowley16]

there's quite a lot of ways of doing that...

it sort of depends on how you're currently setting out your buttons...

for a quick answer, you could use styles...

put this in the tag of the 2nd button:
style="position:absolute; left:20px;"

or some other measurements...

 

[ChrisHunt]

If you want the buttons to butt up right next to eachother, you need to make sure there is no whitespace between the <input> (or <button>) tags:

<input type="button" value="button1"><input type="button" value="button2">

A crude but effective way to space them apart is to use one or more &nbsp; (non-breaking space) entities:

<input type="button" value="button1">&nbsp;&nbsp;<input type="button" value="button2">

for more control you can use CSS:

<input type="button" value="button1"><input type="button" style="margin-left:20px" value="button2">

-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

 

[SwapSawe]

Hi !!!

Chris made it very clear when warning about usage of '&nbsp;' let me add to it, please do not fall prey to use of easy '&nbsp;', their behavior differs from browser to browser. If you use &nbsp; the page may look good in Internet explorer or whatever your test browser is, but would behave in uncertain manner in Netscape Navigator and Mozilla.

Regards,
SwapSawe.