Welcome to WebmasterWorld Guest from 35.171.146.16

Forum Moderators: open

Message Too Old, No Replies

How to format a form

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

New User

10+ Year Member

joined:May 16, 2008
posts: 9
votes: 0


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

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

Senior Member

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

joined:Feb 25, 2002
posts:3185
votes: 0


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

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:May 6, 2008
posts:2011
votes: 0


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.
3:57 pm on May 21, 2008 (gmt 0)

Senior Member

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

joined:Feb 25, 2002
posts:3185
votes: 0



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.

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

Administrator

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

joined:July 31, 2003
posts:12555
votes: 3


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]

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:May 6, 2008
posts:2011
votes: 0


<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>
11:29 am on May 28, 2008 (gmt 0)

New User

10+ Year Member

joined:May 28, 2008
posts: 17
votes: 0


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 :)

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members