2 replies [Last post]
Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 11 hours 34 min ago
Joined: 2011-10-11
Posts: 91
Points: 128

Hello

I have a Web page here: www.dimadayoub.net/frina/Contact.aspx

The 'Send' button is glued to the bottom of the form despite my

tags.

My button CSS code looks like this:

.astext:active
{
	background:none;
	border:none;
	color:navy;
	font:Candara, Segoe, Serif;
	font-weight:400;
	margin-left:105px;
	margin-top:20px;
	padding:20px;
	position:relative;
}

Thanks for any help.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 7 hours 17 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9714
Points: 3790

You have the p elements set

You have the p elements set to {margin: 0;}. Give the p an id and set a top margin. Alternatively, set input#SendMail {display: block; margin-top: 2em;} for example.

Input elements are inline by default. Margins do not apply to inline elements.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 11 hours 34 min ago
Joined: 2011-10-11
Posts: 91
Points: 128

Brilliant Gary, thank you.

Brilliant Gary, thank you.