• Locked
2 replies [Last post]
Thu, 2017-12-14 23:22
Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 3 years 36 weeks ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 96
Points: 136

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.

Top
Tags:
Fri, 2017-12-15 22:15
#1
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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.

Top
Fri, 2017-12-15 22:33
#2
Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 3 years 36 weeks ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 96
Points: 136

Brilliant Gary, thank you.

Brilliant Gary, thank you.

Top
  • Locked