4 replies [Last post]
Coupee36
Coupee36's picture
Offline
newbie
Last seen: 10 years 48 weeks ago
Timezone: GMT-7
Joined: 2011-08-15
Posts: 3
Points: 4

Hello,

Here is my scenario, i have an email contact form i created, it looks decent on the main page but now i'd like to touch up the main page a bit more. Basically instead of having the form just centered on the main page, i'd like to have the ability to place it somewhere else on the main page so that it would be proportional to the background image.. Please see the image link below of how I would like to place the contact form. Many thanks in advance!

Coupee36
Coupee36's picture
Offline
newbie
Last seen: 10 years 48 weeks ago
Timezone: GMT-7
Joined: 2011-08-15
Posts: 3
Points: 4

What i have now is, the

What i have now is, the background image would be stationary and i would just need the email form placed in the location as per the attached image above. Unless there is a suggestion of an alternative method to achieve the same goal i am open and willing to learn.. thanks!

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 15 weeks 21 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

What have you tried so

What have you tried so far?

Without seeing all your code (which the stickies do ask for) we can't really offer any suggestions.

Verschwindende wrote:
  • CSS doesn't make pies

Coupee36
Coupee36's picture
Offline
newbie
Last seen: 10 years 48 weeks ago
Timezone: GMT-7
Joined: 2011-08-15
Posts: 3
Points: 4

Sorry for late reply. What I

Sorry for late reply. What I have done so far is, I placed the background image (everything besides the form fields) into the style.css file.

 #contact-form {
	background-color:#b5d66b;
	width: 800px;
    margin: 0 auto;
    background: url(img/bg.jpg) top center no-repeat;
    min-height: 600px;
	padding:20px;
	margin: 50px auto;
	border: 6px none #3194ce;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	position:relative;
    }  

The problem I am having is, the background appears, but as you may know the Contact Form is not properly aligned as how I would like it to, instead it is the the left centered and sits on top of the Blue Cityscape. I would like to have it aligned so it sits exactly where I want it, to the right of the city scape building and under the header name.

thanks.!

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 15 weeks 21 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

thepineapplehead wrote: What

thepineapplehead wrote:

What have you tried so far?

Without seeing all your code (which the stickies do ask for) we can't really offer any suggestions.

Verschwindende wrote:
  • CSS doesn't make pies