Too much space after code insertion - WHY??

OK, if you take a look at the left hand side of our site www.buyit247.net you
will see a space to add your name to a weekly offers list. However there is
white space below the 'sign up' box I would like to get rid of. However, I
don't seem to be able to do this. I have deleted any text or hard returns and
whilst there does not appear to be any white space there in Dreamweaver as soon
as I view it in Explorer it is there. Any one know why? Thanks in advance -
Ben

Control your margins with CSS, e.g.,

form, input { margin-top:0; margin-bottom:0; } /* adjust to suit */

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Benfrain" <webforumsuser (AT) macromedia (DOT) com> wrote

OK, if you take a look at the left hand side of our site www.buyit247.net
you
will see a space to add your name to a weekly offers list. However there
is
white space below the 'sign up' box I would like to get rid of. However, I
don't seem to be able to do this. I have deleted any text or hard returns
and
whilst there does not appear to be any white space there in Dreamweaver as
soon
as I view it in Explorer it is there. Any one know why? Thanks in
advance -
Ben

hi yea,
maybe if you set the margines on the form to 0

..form { margin-top: 0; margin-bottom: 0; }


regards
twocan's



"Benfrain" <webforumsuser (AT) macromedia (DOT) com> wrote

OK, if you take a look at the left hand side of our site www.buyit247.net
you
will see a space to add your name to a weekly offers list. However there
is
white space below the 'sign up' box I would like to get rid of. However, I
don't seem to be able to do this. I have deleted any text or hard returns
and
whilst there does not appear to be any white space there in Dreamweaver as
soon
as I view it in Explorer it is there. Any one know why? Thanks in
advance -
Ben

Benfrain,

Here's the HTML for that section. We're inside a table cell (the <td>),
then the form, and finally an <h1> tag. It's the <h1> causing your space.
Odd that it's in there at all, because <h*> tags are supposed to be used for
headers, which is why they have certain built-in styling like space below.

Flip to code view and snip the <h1> tag (and its closing </h1> pair) by
hand. You can put that align="center" attribute into the <td> instead.
While you're at it, you can get rid of the </font><font size="-7"> tag
between the "L" and the "atest ...". In fact, you can get rid of all the
font tags in this section. The reason you had them in there was to
compensate for the <h1> tag, which, as the header that it is, makes text
large.

<td bgcolor="#FFFFFF">
<FORM ACTION="http://lb.bcentral.com/ex/manage/subscriberprefs.aspx"
METHOD="POST">
<h1 align="center">
<font size="-7">L</font><font size="-7">atest offers by email...
<INPUT NAME="email" TYPE="TEXT" size="18" />
<INPUT TYPE="HIDDEN" NAME="customerid" value="13127" />
<INPUT TYPE="SUBMIT" value="Sign up" />
</font>
</h1>
</FORM>
</td>


David
stiller ( at ) quip ( dot ) net

twocan's wrote:

hi yea,
maybe if you set the margines on the form to 0

.form { margin-top: 0; margin-bottom: 0; }

Hi Twocans

No need to make that a class.

form{
margin: 0;
}

will do what you want without having to apply a class to the form.


--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------

Right, sorry to be a bit of a newbie here, put where exactly should I put the


form{
margin: 0;
}

bit?? I aplogise but I never even look at code!

Look in the head of your page, you already have some style tags but nothing
inside them

<style type="text/css">
<!--
-->
</style>


change that to what is below here , regards twocan's



<style type="text/css">
<!--
form, input { margin:0;}
-->
</style>

I looked at the code again, and it is, indeed, the form style everyone
else has mentioned, rather than what I thought. That aside, you should
still give consideration to the proper use of <h*> tags, <font> tags, and so
on. Google looks at your <h*> tags, for example, in determining (at least
partly) what your page's content is all about. It makes sense, then, to
provide meaningful header tag content, rather than a series of additional
nested tags, which may confuse search engines.


David
stiller ( at ) quip ( dot ) net

Ah, ok I just figured it out, you just do it with the CSS styles thing at the right

lol




"Benfrain" <webforumsuser (AT) macromedia (DOT) com> wrote

Ah, ok I just figured it out, you just do it with the CSS styles thing at
the right