PDA

View Full Version : Contact Us Page ?


cacker
06-15-2006, 05:43 PM
Hi

Trying to do a Conatct Us page, but am confused (it doesn't take a lot !!).

Not sure if it matters, but I am trying to put this in a table cell.

I have inserted the form and have the two buttons (submit & reset) and can add a text area, text box and option button.

What I am looking to do is have 5 or 6 options, ie "Payroll Services" and if they click the otion button next to this text, it is included in the information sent to me. Trouble is, I have tried but can't do it. Any help greatly appreciated.

Also unsure how to make things look neat in the form - how do I line things up etc?

Its late - hope you can help.

Thanks in advance

Cacker :groovy:

MandyJay
06-16-2006, 01:12 AM
I have a form here with a drop down options box, do you mean a selector like that:
http://www.monktoncombe.com/contact.php

In any event can we see a url of what you have done so far (best way for us to advise you on where you are going wrong). In the meantime check out our Tutorial Section, which gives a flash movie showing you how to make a basic form - that may assist in the basics.

MJ

cacker
06-16-2006, 04:06 PM
Hi

I Like the form above, but I was hoping to have seperate text boxes - one for each service and a check box or an option button against each one. Then the chosen services would be detailed in the email, is that possible ?

I haven't published the contact us page yet - just starting it, but I have now seen the tutorial - thanks.

Cheers

Cacker
http://cacker.50webs.com

cacker
06-17-2006, 05:09 AM
Hi MJ

I've added the ContactUs page to http://cacker.50webs.com

I have a column of 25 width between the menu & main details on the right side, but it seems much bigger when viewed/publised - why is this?

Also, I find laying out the address and telephone details as it is difficult to make things look good. The line space made by a return is very deep - can this be changed ?

It may be with you looking at how I have done it so far, you will see basic errors - please let me know.

Hope the packing is giong well :o)

Cheers

Cacker
http://cacker.50webs.com

MandyJay
06-18-2006, 02:34 AM
Oh yikes, I missd your earlier response, I am so sorry, I have been to the forum many times and always click on the "new posts" link and must have missed your earlier one, after that it doesnt show it again .....

I will definitely look at this this morning, unless someone beats me to it .... Micheal is better at forms than me, but I will do my best ..... gotta dash for now, back later ... have to dash out for a while

again sorry I missed earlier post ...

MJ

p.s. packing is nearly done, I am worn out, exhausted and dreading the move itself. Ugh!

MandyJay
06-18-2006, 03:33 AM
Hi,
Okay I have had a quick look.

Firstly it is not the 25pixel wide column at fault, it is the left column that is expanding. Now the only reason I can see for this (as all your table/cell measurements and content add up okay pixels wise) is that your table is not laid out correctly.

For example you have this code:

<td> I wont paste all the cell content as take up too much room
<tr>
<p>&nbsp;</td></tr>

Now ALL <td> and </td> tags have to within a table ROW i.e. <tr> so your code should look like this

table row (open)
table cell (open)
content
table cell (close)
table row (close)

you have:

table cell (open)
table row (open)
content
table cell (close)
table row (close)

so that is going to cause problems somewhere.

Now we can cure two problems here. You are also asking about the layout of your form.

The best way is to have a table within the form tags and layout your input boxes and stuff within the form.

Also you wanted options? test out under the Form insert on the tool bar the "options button".

Anyway, what I suggest is do a rough sketch on a piece of paper of how you want your form laid out (yes, yes, boring I know ... but will avoid layout problems! lol ) ...... each form box and its text label can be one row, so you have two columns say and a row for each text box or options button or ..... then all the text will line up neatly on the left and all the boxes will line up under eachother on the right. Or if you want a large text box with text above it (as you have now) then only use a single line return instead of the para return, i.e. shift+enter instead of just Enter.

Okay, now back to the extra wide column. Find these two lines, and manually add the background color to the table row as shown below in black.

<!--webbot bot="Include" U-Include="header.htm" TAG="BODY" --></td></tr>
<tr style="border-right: 1px solid #000000; border-bottom: 1px solid #000000" bgcolor="aqua">

Now you will see what I mean, your table row takes on an inverted "L" shape with your form in the middle. Those cells that contain your form, that do not have the aqua background color. They have to be totally deleted. Place your cursor at the very start of the left cell, i.e. to the left of the words "the office ...." holding the left mouse button down, scroll horizontally so both cells are highlighted, then scroll down (holding mouse button down still) so that bottom cell is highlighted - let go of the mouse button and right click anywhere inside the highlighted area and click on "delete rows"

You will now see what is left, has the aqua background color and represents a true "row". Normally you could delete those cells by mousing over the edge until a black arrow appears, but that doest not seem to want to happen, probably as the layout is not correct.

Anyway, you can now, under the Contact Us insert .... tools/form...form ..... make your cursor go to the left of the first button and hit enter, you can now insert your table within the form and lay it out how you want. You need the table within the form tags.

Well not very good at describing all that, and I am sure I have taken the long route around, and Ive probably left something out ....but ...... see how you go.

MJ

cacker
06-18-2006, 02:54 PM
Hi MJ

Thanks for the excellent reply re the form. Really no need to apologise for the delay in replying - I am very grateful for your help.

On the contactus page, I changed the colour and saw the problem. I deleted the content as advised and the row is now normal. I understand from your instructions that the table goes inside the form - NOT the other way round as I had it !!

Didn't know about "Shift-Enter" - how poor is that lol!

Problems with Laptop today mean I haven't beed able to work on it, but I will tomorrow.

Whilst typing this I have also checked the index page and added the Aqua colour and it too looks odd. Can you advise how I correct this please?

I was going to have a number of rows (5 or 6 ish) and as you say, 2 columns. One will hold the option button and the other the text box with a description in it. How does the form know to link the two together, ie, an option button to a text box - is there a link between them somehow?

Anyway, a big thanks again for your help - and I'm sure the move will be fine.

Just got a Fathers Day cup of T given to me, so I'm off for a while.

Cheers

Cacker
http://cacker.50webs.com

MandyJay
06-18-2006, 03:09 PM
A form can go inside a table, but if you are having trouble in laying out the form neatly and need to use a table for the form layout, then the table is holding the form so sort of becomes part of it, you cant have the form inside the tabel as where would you put it when you have rows and columns containing your form items? so the table goes inside the form tags.

An option button is separate to a text box, just like a text box is separate to a submit button, so maybe you are asking how do they know they belong to the same form? well becuase they are inside the form tags.

Thing is just play around, do a test form on a blank page, publish, see what happens. ONce you get it right, then you can add it to your proper page.

You say the index page looks odd, I need to know where, can you save a copy of the page and have the aqua rows so I can see where exactly it is happening?

Enjoy your cuppa ....

MJ

cacker
06-18-2006, 03:38 PM
Hi MJ

Just uploaded the web - http://cacker.50webs.com

Cheers

Cacker

MandyJay
06-18-2006, 03:58 PM
Okay hunt for this code

<div style="border-right: 1px solid #808080" align="left">
<!--webbot bot="Include" U-Include="services-menu.htm" TAG="BODY" --></div>
</td>
<td align="center" width="440" valign="top" height="150" rowspan="2" style="border-right: 1px solid #808080"><div align="right">
<table border="0" cellpadding="0" style="border-collapse: collapse" width="98%" bgcolor="#C0C0C0">
<tr>
<p align="left">&nbsp;</td> </tr>
</table>
</div>

as you can see same thing as before ......

I am in a bit of a rush right now as have to give a neighbour a lift in a few, but it maybe you need to reset that page out again ...... you can always copy the contact page, how it was when you deleted those cells, save a copy of that page as a sort of template ..... so you have it as a back up.

gotta run .... back soon
MJ