PDA

View Full Version : How do I put a table over a Div?



arya054
08-05-2009, 03:01 AM
I have a div "box" but I need a table on top of it, to play as sort of a 'textarea'; only it needs to be a table.

How to I move it to the area I want it without using absolute positioning?
If it helps, I can post my code if my question will make more sense that way.

Please and thank you!

~ServerPoint~
08-05-2009, 11:48 AM
Do you have any screenshots to have a look?

hamerhosting
10-20-2009, 10:14 AM
Hey thats easy, why dont you do like this:

<div>
<form>
<input type="a" type="b" value="c"/>
</form>
</div>

just replace the a, b, c with what you need.
hope that helps :)

sajis18
10-31-2009, 02:30 AM
<style type="text/css">
.main {
position: absolute;
left: 50%;
top: 175px;
width: 600px;
z-index: 1;
margin-left: -230px;
}
</style>


put that ^^ in your about me bit. edit where it says "top:175px" for how low down it starts on the page/whether it covers the nav bar/extended network bit.
"width" is straight forward and "left margin" is how far left it starts


stick this bit:

<div class="main">
<table style="width: 800px;
height: 230px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;">
<tr><td valign="top">

in your "who i'd like to meet" section. change the "height" for how long you want your div table.

and if you want:

<div style="position: relative;
height: 60px;
overflow: hidden;
border: 0px;">
<table><tr><td><table><tr><td>

that covers your comments/friends depending on the "height" bit.


just have a fiddle around with it all.
took me hours to sort mine out.
any problems give me a shout and i'll be happy to help you out =]
good luck..................