PC Review


Reply
Thread Tools Rate Thread

Background pic for form and still have form work

 
 
Bob
Guest
Posts: n/a
 
      4th Jul 2008
I have created a form with a background pic. but the form changes position
depending upon which web browser is viewing the website. How should I create
a submit form with a background picicture and still have the form work. here
is a link to the page with the form and what I am trying to accomplish.

http://www.vitasdetox.com/opportunity_page.htm
Thanks Bob

 
Reply With Quote
 
 
 
 
Murray
Guest
Posts: n/a
 
      4th Jul 2008
It's not the background image that is moving, it's the page content. And
it's not dependent on the browser being used, it's dependent on the width of
the browser viewport (the page content area). View your page, and change
the width of the browser by dragging the right-hand, bottom corner of the
un-maximized browser window. You'll see the form itself stays completely
fixed on the screen while the rest of the content moves around.

That is happening because you have built your form inside of an absolutely
positioned container (called a layer - it's actually just a <div> tag. That
element takes its position from (in your case) the upper, left-hand corner
of the viewport, and that's where it stays. The rest of the page content is
within a center aligned table -

<table width="700" border="1" align="center"

which moves to a new center point as the viewport width is changed, but the
layer is absolutely positioned, so it doesn't move.

I'm sorry to tell you that there is alot that is wrong with this page,
though. The validator finds 148 errors, unfortunately. Before you can
begin to worry about layout issues, you would have to make sure that your
page can be properly validated.

In general, however, keep these guidelines in mind -

1. Do not use positioned elements AND centered elements until you
understand how CSS positioning works.
2. Do not ever place an absolutely positioned element directly into a table
cell.
3. Make sure that the doctype you select for a page is consistent with your
ability to develop code using the standards specified by the doctype (this
is the source of MANY of the errors you have).
4. Do not edit a page's code in code view until you have a fairly solid
understanding of HTML (some of the errors you have MUST have been caused by
doing this).

Make sense?


--
Murray
--------------
MVP Front Page


"Bob" <(E-Mail Removed)> wrote in message
news:6B4468E6-EC1B-4F40-934E-(E-Mail Removed)...
>I have created a form with a background pic. but the form changes position
> depending upon which web browser is viewing the website. How should I
> create
> a submit form with a background picicture and still have the form work.
> here
> is a link to the page with the form and what I am trying to accomplish.
>
> http://www.vitasdetox.com/opportunity_page.htm
> Thanks Bob
>


 
Reply With Quote
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Run a form in background using checkboxes on main form summer1 Microsoft Access Forms 0 18th May 2011 04:41 PM
Unload form & background form =?Utf-8?B?U2FuZHk=?= Microsoft Access Form Coding 1 17th May 2006 09:10 AM
putting custom control on a form that inherits from my form class, doesn't work Capital O Microsoft Dot NET Compact Framework 2 4th Jan 2006 05:36 PM
Re: form background image - mdi parent form C-Services Holland b.v. Microsoft VB .NET 0 19th Sep 2005 12:36 PM
Re: form background image - mdi parent form lgbjr Microsoft VB .NET 0 17th Sep 2005 08:27 AM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 05:54 AM.