CODEWITHSUNDEEP
javascriptjquerycss
HAWKES08
HAWKES08

Reputation: 521

Space between forms

Hi please see the demo below. I cannot work out how to get rid of the space between the first form?! any help would be appreciated :)

jsFiddle Demo

Upvotes: 0

Views: 118

Answers (3)

SeanCannon
SeanCannon

Reputation: 77966

Simple fix with CSS: 

#friendlist input {
    float:left;
}
#friendlist {
    overflow:auto;
}

Working demo: http://jsfiddle.net/AlienWebguy/WYS2g/16/

Now you don't have to worry about ruining the formatting of your HTML syntax in your editor to accommodate for a browser quirk.

Upvotes: 1

Henry
Henry

Reputation: 222

Get rid of the space between the inputs in the HTML:

http://jsfiddle.net/WYS2g/8/

Upvotes: 5

thirtydot
thirtydot

Reputation: 228182

The absolute simplest fix is to remove the whitespace in the HTML.

See: http://jsfiddle.net/WYS2g/10/

<input type="text" name="friend_name[]" class="friendid">

    <input type="text" name="friend_email[]" class="friendid"/>

to:

<input type="text" name="friend_name[]" class="friendid"><input type="text" name="friend_email[]" class="friendid"/>

Upvotes: 5

Related Questions