Welcome to WebmasterWorld Guest from 54.227.110.209

Forum Moderators: incrediBILL

Message Too Old, No Replies

How to format a form

     

strings

2:29 pm on May 21, 2008 (gmt 0)

5+ Year Member



I want to display the following format.
Ple anyone suggest the html code for it.
I think its better if u use table.
ple note : ----- is the space between them.
there are 3 coloumns.
i just u all understand wht i am expalining.

Sent to: xyz@gmail.com ---------------------------------- Sent By,
If you prefer not to get----Advertise ¦COntact Us---------123, xyz company
future mail of this type
click here

thkns,
amit

BlobFisk

2:51 pm on May 21, 2008 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Hi strings,

You could use 3 floats divs to achieve this. I would say using a table is not semantically correct as it's not strictly tabular data.

HTH

StoutFiles

2:53 pm on May 21, 2008 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



If he can't build it in html tables I don't think he's going to have an easier time with divs. Crawl before you run.

BlobFisk

3:57 pm on May 21, 2008 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member




Crawl before you run.

I wouldn't see it that way. Better to learn good habits from the get go. There are loads of tutorials out there for 3 column layout that would help people to learn these techniques.

coopster

3:21 pm on May 21, 2008 (gmt 0)

WebmasterWorld Administrator coopster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Is this the desired output?
+-------------------------+----------------------+------------------+ 
¦ Sent to: xyz@gmail.com ¦ ¦ Sent By, ¦
¦ If you prefer not to get¦ Advertise/COntact Us ¦ 123, xyz company ¦
¦ future mail of this type¦ ¦
¦ click here ¦ ¦
+-------------------------+----------------------+------------------+

[edited by: encyclo at 12:14 am (utc) on May 22, 2008]
[edit reason] moved from another location [/edit]

StoutFiles

6:00 pm on May 21, 2008 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



<table>
<tr>
<td>
Sent to: xyz@gmail.com
<br>If you prefer not to get future mail of this type click
<a href="website.com/nomail">here</a>
</td>
<td>
<a href="website.com/advertise">Advertise</a>
/
<a href="website.com/contact">Contact Us</a>
</td>
<td>Sent By,
<br>
123, xyz company
</td></tr></table>

oddblob

11:29 am on May 28, 2008 (gmt 0)

5+ Year Member



I recomend tables using colspan and rowspan, you can looks these up on sites like w3schools.com. Im not completley sure of your layout but to get irregular tables like that i would try rowspan and colspan.

Edit:

alternitvly use &nbsp; to create the blank cell in the middle at the first row of the table so it would be like this...

<table cellpadding="4">
<tr>
<td valign="top">
Sent To: X@X.com
</td>
<td>
&nbsp;
</td>
<td valign="top">
Sent By,
</td>
</tr>
<tr>
<td valign="top">
If you prefer...
</td>
<td valign="top">
Advertise ¦ Contact
</td>
<td valign="top">
Address 123..
</td>
</tr>
</table>

Hope One Of These Solutions Helps :)

 

Featured Threads

Hot Threads This Week

Hot Threads This Month